Merge branch 'master' into feature/resource-component
This commit is contained in:
@ -1,3 +1,9 @@
|
||||
solid-form {
|
||||
[data-id="error"] {
|
||||
display: none !important; // Hide the default core message, english only with a weird message
|
||||
}
|
||||
}
|
||||
|
||||
.form form {
|
||||
display: block;
|
||||
height: fit-content;
|
||||
@ -41,16 +47,14 @@
|
||||
.form-label {
|
||||
/*flex: 1 1 auto;*/
|
||||
|
||||
label {
|
||||
display: flex;
|
||||
flex-direction: column; /* To align label and input vertically */
|
||||
font-weight: 600;
|
||||
margin-bottom: 0.8rem;
|
||||
margin-top: 1.8rem;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
display: flex;
|
||||
flex-direction: column; /* To align label and input vertically */
|
||||
font-weight: 600;
|
||||
margin-bottom: 0.8rem;
|
||||
margin-top: 1.8rem;
|
||||
text-transform: uppercase;
|
||||
|
||||
&.is-light label {
|
||||
&.is-light {
|
||||
color: var(--color-label-light);
|
||||
}
|
||||
}
|
||||
@ -130,11 +134,14 @@ textarea {
|
||||
|
||||
/* WIDGETS SIB (let in .content-box to override default styles) */
|
||||
|
||||
solid-form-auto-completion,
|
||||
solid-form-dropdown-autocompletion,
|
||||
solid-form-dropdown-autocompletion-label,
|
||||
solid-form-multipleselect-autocompletion-label,
|
||||
hubl-status {
|
||||
|
||||
.ss-main {
|
||||
font-weight: normal;
|
||||
margin-top: 0.8rem;
|
||||
text-transform: none;
|
||||
|
||||
|
||||
@ -144,7 +151,6 @@ hubl-status {
|
||||
border-radius: 0px;
|
||||
color: var(--color-input-text);
|
||||
font-weight: normal;
|
||||
margin-top: 0.8rem;
|
||||
min-height: 4.6rem;
|
||||
padding-left: 1.2rem;
|
||||
|
||||
@ -179,6 +185,7 @@ hubl-status {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
margin-bottom: 2.6rem;
|
||||
margin-top: 1.8rem;
|
||||
}
|
||||
|
||||
label {
|
||||
@ -199,6 +206,7 @@ hubl-status {
|
||||
width: 100%;
|
||||
|
||||
@include breakpoint(lg) {
|
||||
height: 32px;
|
||||
margin: auto 0 auto 2.2rem;
|
||||
width: auto;
|
||||
}
|
||||
@ -288,13 +296,13 @@ solid-form-file {
|
||||
}
|
||||
}
|
||||
|
||||
/*solid-multiple-select {
|
||||
/*solid-form-multipleselect {
|
||||
|
||||
&.select-skills .ss-values .ss-disabled::before {
|
||||
content: "Select skills";
|
||||
}
|
||||
|
||||
solid-form-auto-completion > label {
|
||||
solid-form-dropdown-autocompletion-label > label {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
@ -378,7 +386,8 @@ hubl-member-form {
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
solid-form-auto-completion {
|
||||
solid-form-dropdown-autocompletion-label,
|
||||
solid-form-multipleselect-autocompletion-label {
|
||||
float: left;
|
||||
}
|
||||
|
||||
|
@ -537,6 +537,10 @@ h5 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.block {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.flex {
|
||||
display: flex;
|
||||
}
|
||||
@ -592,14 +596,14 @@ button,
|
||||
input[type='submit'],
|
||||
a,
|
||||
.button {
|
||||
background: none;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
padding: 0;
|
||||
&.button {
|
||||
padding: 0.55rem 2.5rem;
|
||||
border-radius: 100em;
|
||||
background: none;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
padding: 0;
|
||||
&.button {
|
||||
padding: 0.55rem 2.5rem;
|
||||
border-radius: 100em;
|
||||
*,
|
||||
& {
|
||||
font-size: 1.4rem;
|
||||
|
@ -1,13 +1,16 @@
|
||||
#main__menu {
|
||||
background-color: var(--color-menu-background);
|
||||
color: var(--color-menu-text);
|
||||
/*transition: flex-basis 0.5s ease-in-out;*/
|
||||
&.open {
|
||||
transform: translateX(0);
|
||||
}
|
||||
.unread {
|
||||
font-weight: bolder;
|
||||
}
|
||||
background-color: var(--color-menu-background);
|
||||
color: var(--color-menu-text);
|
||||
/*transition: flex-basis 0.5s ease-in-out;*/
|
||||
|
||||
&.open {
|
||||
transform: translateX(0);
|
||||
}
|
||||
|
||||
.unread {
|
||||
font-weight: bolder;
|
||||
}
|
||||
|
||||
solid-router {
|
||||
.menu-wrapper {
|
||||
&.is-closed {
|
||||
@ -22,6 +25,28 @@
|
||||
solid-link {
|
||||
width: 100%;
|
||||
}
|
||||
.menu-wrapper {
|
||||
.menu-icon.icon-arrow-up {
|
||||
visibility: hidden;
|
||||
}
|
||||
@include breakpoint(lg) {
|
||||
.menu-icon.icon-arrow-up {
|
||||
visibility: visible;
|
||||
}
|
||||
&.is-closed {
|
||||
.sub-menu {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.menu-chevron {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.unread {
|
||||
font-weight: bolder;
|
||||
}
|
||||
.menu {
|
||||
cursor: pointer;
|
||||
display: flex;
|
||||
|
@ -46,13 +46,14 @@
|
||||
&>* {
|
||||
border-bottom: 1px solid var(--color-table-border);
|
||||
display: table-cell;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&>solid-multiple {
|
||||
display: contents;
|
||||
/*&>solid-multiple {
|
||||
display: contents;*/
|
||||
|
||||
&>div {
|
||||
display: contents;
|
||||
@ -68,7 +69,7 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
/*}*/
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -152,6 +153,10 @@
|
||||
.desktop-btn-margin__left;
|
||||
}
|
||||
}
|
||||
|
||||
&.is-spaced {
|
||||
padding: 0.8rem 2.2rem;
|
||||
}
|
||||
}
|
||||
|
||||
.cell-with-name {
|
||||
@ -163,23 +168,11 @@
|
||||
|
||||
/* Styles of elements inside cells */
|
||||
|
||||
.user-thumb>div,
|
||||
[name='user-thumb'] {
|
||||
vertical-align: middle;
|
||||
text-align: left;
|
||||
@extend %user-thumb__grid;
|
||||
padding: 0 2.2rem;
|
||||
|
||||
>.user-thumb__picture {
|
||||
@extend .user-thumb__picture;
|
||||
}
|
||||
|
||||
>[name='sup'] {
|
||||
@extend %user-thumb__grid-sup;
|
||||
}
|
||||
|
||||
>[name='sub'] {
|
||||
@extend %user-thumb__grid-inf;
|
||||
.table {
|
||||
|
||||
.user-thumb.is-spaced,
|
||||
[name='user-thumb'] {
|
||||
padding: 0.8rem 2.2rem;
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -35,6 +35,22 @@
|
||||
color: var(--color-user-thumb-name);
|
||||
font-weight: 600;
|
||||
margin-right: 1rem;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.user-thumb__send {
|
||||
position: relative;
|
||||
bottom: 7px;
|
||||
left: -5px;
|
||||
|
||||
solid-link {
|
||||
@include icon('speech');
|
||||
|
||||
&::before {
|
||||
display: inline-block;
|
||||
color: #FF6765;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.user-thumb__admin:not(:empty) {
|
||||
@ -76,10 +92,16 @@
|
||||
margin-right: 0.50rem;
|
||||
}
|
||||
}
|
||||
.user-thumb[name="classGroup"] {
|
||||
display: block;
|
||||
margin-top: 15px;
|
||||
}
|
||||
|
||||
/* Apply the grids to all user-thumbs */
|
||||
.user-thumb>div,
|
||||
.user-thumb>[name='classGrid'],
|
||||
[name='user-thumb'] {
|
||||
|
||||
@extend %user-thumb__grid;
|
||||
|
||||
>[name='sup'] {
|
||||
@ -90,9 +112,3 @@
|
||||
@extend %user-thumb__grid-inf;
|
||||
}
|
||||
}
|
||||
|
||||
/* Add extra spaces to user-thumbs that are inside a table */
|
||||
.user-thumb.is-spaced>div,
|
||||
[name='user-thumb'] {
|
||||
padding: 0.8rem 2.2rem;
|
||||
}
|
||||
|
@ -74,7 +74,7 @@
|
||||
solid-ac-checker {
|
||||
border-top: 1px solid $color-210-17-91;
|
||||
|
||||
solid-form-textarea {
|
||||
solid-form-textarea-label {
|
||||
|
||||
>label div {
|
||||
color: $color-210-5-56;
|
||||
|
Reference in New Issue
Block a user