update: clear unused and fixes CSS
This commit is contained in:
Gaëlle Morin
committed by
Jean-Baptiste Pasquier
Jean-Baptiste Pasquier
parent
d2c8226048
commit
6c8224c0f2
@ -1,3 +1,18 @@
|
||||
#admin-circle-create,
|
||||
#admin-project-create {
|
||||
|
||||
input[type='submit'] {
|
||||
@extend .button,
|
||||
.text-bold,
|
||||
.text-uppercase,
|
||||
.reversed,
|
||||
.button-dark,
|
||||
.bordered;
|
||||
margin-left: auto;
|
||||
margin-top: 3.2rem;
|
||||
}
|
||||
}
|
||||
|
||||
.content-box {
|
||||
|
||||
&.with-form {
|
||||
@ -23,16 +38,6 @@
|
||||
padding-bottom: 0.8rem;
|
||||
}
|
||||
|
||||
p.center {
|
||||
margin: 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
[name$='-text'] {
|
||||
font-size: 1.5rem;
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
[name^='block-'] {
|
||||
margin-bottom: 2.75rem;
|
||||
}
|
||||
@ -153,20 +158,17 @@
|
||||
margin-top: 2.7rem;
|
||||
}
|
||||
|
||||
.form-edit {
|
||||
.form-edit>form {
|
||||
|
||||
>form {
|
||||
|
||||
input[type='submit'] {
|
||||
@extend .button,
|
||||
.text-bold,
|
||||
.text-uppercase,
|
||||
.reversed,
|
||||
.button-dark,
|
||||
.bordered;
|
||||
margin-left: auto;
|
||||
margin-top: 3.2rem;
|
||||
}
|
||||
input[type='submit'] {
|
||||
@extend .button,
|
||||
.text-bold,
|
||||
.text-uppercase,
|
||||
.reversed,
|
||||
.button-dark,
|
||||
.bordered;
|
||||
margin-left: auto;
|
||||
margin-top: 3.2rem;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@ -65,6 +65,7 @@
|
||||
|
||||
details {
|
||||
margin-right: 2.5rem;
|
||||
position: relative;
|
||||
|
||||
@include breakpoint(sm) {
|
||||
margin-right: 0;
|
||||
@ -82,7 +83,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
details {
|
||||
.sib-notifications__container {
|
||||
position: relative;
|
||||
|
||||
.sib-notifications__button {
|
||||
@ -169,7 +170,7 @@
|
||||
width: 45%;
|
||||
}
|
||||
|
||||
sib-display-value[name='firstName'] {
|
||||
sib-display-value[name='first_name'] {
|
||||
@include icon('arrow-down');
|
||||
align-items: center;
|
||||
display: flex;
|
||||
@ -241,7 +242,7 @@
|
||||
|
||||
div {
|
||||
|
||||
sib-display-value[name='firstName'] {
|
||||
sib-display-value[name='first_name'] {
|
||||
@include icon('close');
|
||||
|
||||
&::before {
|
||||
|
||||
@ -1,12 +1,3 @@
|
||||
$breakpoints: (phone: 480px,
|
||||
tablet: 768px,
|
||||
desktop: 1024px) !default;
|
||||
|
||||
[hidden],
|
||||
.hidden {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
* {
|
||||
outline: none;
|
||||
}
|
||||
@ -95,6 +86,10 @@ nav {
|
||||
display: contents;
|
||||
}
|
||||
|
||||
[hidden],
|
||||
.hidden {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
img {
|
||||
max-height: 100%;
|
||||
@ -121,12 +116,6 @@ h6 {
|
||||
}*/
|
||||
}
|
||||
|
||||
.h2-like {
|
||||
display: block;
|
||||
margin: 14.94px 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
h1, .h1-like {
|
||||
color: $color-233-18-29;
|
||||
font-size: 2rem;
|
||||
@ -143,6 +132,12 @@ h2, .h2-like {
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.h2-like {
|
||||
display: block;
|
||||
margin: 14.94px 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
h3 {
|
||||
color: $color-216-4-22;
|
||||
font-size: 1.7rem;
|
||||
@ -164,21 +159,6 @@ h5 {
|
||||
padding: 3.2rem;
|
||||
}
|
||||
|
||||
#admin-circle-create,
|
||||
#admin-project-create {
|
||||
|
||||
input[type='submit'] {
|
||||
@extend .button,
|
||||
.text-bold,
|
||||
.text-uppercase,
|
||||
.reversed,
|
||||
.button-dark,
|
||||
.bordered;
|
||||
margin-left: auto;
|
||||
margin-top: 3.2rem;
|
||||
}
|
||||
}
|
||||
|
||||
.content-box {
|
||||
@include window-style-modal();
|
||||
display: flex;
|
||||
@ -199,6 +179,7 @@ h5 {
|
||||
}
|
||||
}
|
||||
|
||||
/* Header inside circle, project view */
|
||||
.content-box__header {
|
||||
border-bottom: 1px solid $color-221-51-90;
|
||||
padding: 3rem;
|
||||
@ -257,6 +238,12 @@ h5 {
|
||||
}
|
||||
}
|
||||
|
||||
.content-box__info {
|
||||
@extend %padding-block;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.modal {
|
||||
color: white;
|
||||
margin: 75px;
|
||||
@ -280,11 +267,6 @@ h5 {
|
||||
}
|
||||
}
|
||||
|
||||
.drive {
|
||||
width: 100%;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.backlink {
|
||||
@include icon('arrow-left-circle');
|
||||
color: $color-233-18-29;
|
||||
@ -297,6 +279,11 @@ h5 {
|
||||
margin-right: 1rem;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
&.right {
|
||||
display: block;
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
|
||||
.name {
|
||||
@ -342,6 +329,7 @@ h5 {
|
||||
@import 'table';
|
||||
@import 'header';
|
||||
@import 'menu-left';
|
||||
@import 'user-thumb';
|
||||
|
||||
// Button global CSS
|
||||
sib-delete,
|
||||
|
||||
@ -6,17 +6,6 @@
|
||||
#admin-project-list,
|
||||
#admin-project-create {
|
||||
|
||||
.content-box__info {
|
||||
@extend %padding-block;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
.backlink {
|
||||
text-align: right;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
.table {
|
||||
|
||||
.table-header {
|
||||
@ -85,83 +74,35 @@
|
||||
padding-top: 2.5rem;
|
||||
}
|
||||
|
||||
.cell-with-id-card>div,
|
||||
/* for the table in circle-edit */
|
||||
.cell-with-id-card>sib-display>div,
|
||||
project-captain[name='user']>sib-display>div {
|
||||
/* for the captain's cell in project-admin */
|
||||
display: grid;
|
||||
grid-column-gap: 1.6rem;
|
||||
grid-template-columns: 7vh auto;
|
||||
grid-template-rows: repeat(2, 5.2vh);
|
||||
.user-thumb>div /* for the table in circle-edit and captain's cell in project-admin */ {
|
||||
@extend %user-thumb__grid;
|
||||
padding: 0 2.2rem;
|
||||
|
||||
>[name$='account.picture'] {
|
||||
align-items: center;
|
||||
align-self: center;
|
||||
background-color: $color-213-20-91;
|
||||
border-radius: 50%;
|
||||
display: flex;
|
||||
grid-column: 1 / span 1;
|
||||
grid-row: 1 / span 2;
|
||||
height: 7vh;
|
||||
justify-content: center;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
width: 7vh;
|
||||
|
||||
img {
|
||||
background-color: white;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
object-fit: cover;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
object {
|
||||
height: 45%;
|
||||
width: 45%;
|
||||
}
|
||||
>.user-thumb__picture {
|
||||
@extend %user-thumb__picture;
|
||||
}
|
||||
|
||||
>[name='sup'] {
|
||||
align-self: end;
|
||||
display: flex;
|
||||
grid-column: 2 / span 1;
|
||||
grid-row: 1 / span 1;
|
||||
margin-bottom: 0.50rem;
|
||||
@extend %user-thumb__grid-sup;
|
||||
|
||||
[name$='name'] {
|
||||
color: #7A7F85;
|
||||
font-weight: 600;
|
||||
margin-right: 1rem;
|
||||
.user-thumb__name {
|
||||
@extend %user-thumb__name;
|
||||
}
|
||||
|
||||
sib-multiple>div {
|
||||
display: flex;
|
||||
|
||||
[name='groups'] {
|
||||
@extend %tag-role;
|
||||
}
|
||||
.user-thumb__groups {
|
||||
@extend %user-thumb__groups;
|
||||
}
|
||||
}
|
||||
|
||||
>[name='sub'] {
|
||||
align-self: start;
|
||||
grid-column: 2 / span 1;
|
||||
grid-row: 2 / span 1;
|
||||
margin-top: 0.50rem;
|
||||
@extend %user-thumb__grid-inf;
|
||||
|
||||
>[name$='username']:not(:empty) {
|
||||
align-items: center;
|
||||
display: flex;
|
||||
>.user-thumb__username:not(:empty) {
|
||||
@extend %user-thumb__username;
|
||||
}
|
||||
|
||||
&::before {
|
||||
content: '@';
|
||||
|
||||
}
|
||||
>.user-thumb__city:not(:empty) {
|
||||
@extend %user-thumb__city;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
108
src/styles/base/user-thumb.scss
Normal file
108
src/styles/base/user-thumb.scss
Normal file
@ -0,0 +1,108 @@
|
||||
%user-thumb__grid {
|
||||
display: grid;
|
||||
grid-column-gap: 1.6rem;
|
||||
grid-template-columns: 7vh auto;
|
||||
grid-template-rows: repeat(2, 5.2vh);
|
||||
}
|
||||
|
||||
%user-thumb__grid-sup {
|
||||
align-items: center;
|
||||
align-self: end;
|
||||
display: flex;
|
||||
grid-column: 2 / span 1;
|
||||
grid-row: 1 / span 1;
|
||||
margin-bottom: 0.50rem;
|
||||
}
|
||||
|
||||
%user-thumb__grid-inf {
|
||||
align-self: start;
|
||||
grid-column: 2 / span 1;
|
||||
grid-row: 2 / span 1;
|
||||
margin-top: 0.50rem;
|
||||
}
|
||||
|
||||
%user-thumb__picture {
|
||||
align-items: center;
|
||||
align-self: center;
|
||||
background-color: $color-213-20-91;
|
||||
border-radius: 50%;
|
||||
display: flex;
|
||||
grid-column: 1 / span 1;
|
||||
grid-row: 1 / span 2;
|
||||
height: 7vh;
|
||||
justify-content: center;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
width: 7vh;
|
||||
|
||||
img {
|
||||
background-color: white;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
object-fit: cover;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
object {
|
||||
height: 45%;
|
||||
width: 45%;
|
||||
}
|
||||
}
|
||||
|
||||
%user-thumb__name {
|
||||
color: #7A7F85;
|
||||
font-weight: 600;
|
||||
margin-right: 1rem;
|
||||
}
|
||||
|
||||
%user-thumb__groups {
|
||||
display: flex;
|
||||
margin-bottom: 1px;
|
||||
margin-left: 0.6rem;
|
||||
|
||||
[name='groups'],
|
||||
[name='user.groups'] {
|
||||
@extend %tag-role;
|
||||
}
|
||||
}
|
||||
|
||||
%user-thumb__admin {
|
||||
@extend %tag-admin;
|
||||
}
|
||||
|
||||
%user-thumb__username {
|
||||
align-items: center;
|
||||
display: flex;
|
||||
|
||||
&::before {
|
||||
content: '@';
|
||||
}
|
||||
}
|
||||
|
||||
%user-thumb__city {
|
||||
@include mdi('atom');
|
||||
align-items: center;
|
||||
display: flex;
|
||||
margin-right: 1.6rem;
|
||||
|
||||
&::before {
|
||||
color: $color-43-100-50;
|
||||
margin-right: 0.50rem;
|
||||
}
|
||||
}
|
||||
|
||||
%user-thumb__lead {
|
||||
@include icon('eyeglass');
|
||||
align-items: center;
|
||||
display: flex;
|
||||
|
||||
&::before {
|
||||
color: $color-43-100-50;
|
||||
font-size: 1.9rem;
|
||||
font-weight: bold;
|
||||
margin-left: 0;
|
||||
margin-right: 0.50rem;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user