autonomic-cooperative/hubl
0
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

update: Fixing some scss

Browse Source
This commit is contained in:
Benoit Alessandroni 2020-09-28 00:50:58 +02:00
parent cfdd3ae361
commit 246f85abb8
5 changed files with 31 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/styles/components/comment.scss
View File

@ -37,9 +37,9 @@
} }
} }
solid-conversation.conversation { sib-conversation.conversation {
.solid-conversation { .sib-conversation {
font-family: Open Sans; font-family: Open Sans;
[name='conversation-wrapper'] { [name='conversation-wrapper'] {

24
src/styles/layout/events/events.scss
View File

@ -9,9 +9,9 @@ solid-event section {
font-weight: 400; font-weight: 400;
color: #7A7F85; color: #7A7F85;
solid-event { solid-event {
sib-display div { solid-display div {
max-width: 1110px; max-width: 1110px;
sib-display { solid-display {
margin: 0 0 20px 40px; margin: 0 0 20px 40px;
} }
} }
@ -30,16 +30,16 @@ solid-event section {
#listevents, #listevents,
#circle-listevents { #circle-listevents {
[name="name"], [name="name"],
solid-display-link-event .mdi::before { event-display-link-event .mdi::before {
color: #063B5C; color: #063B5C;
} }
} }
.event-place-name, .event-place-name,
.nextevent-startdate, .nextevent-startdate,
solid-display-link-event { event-display-link-event {
color: #3A3A3A; color: #3A3A3A;
} }
.sib-event { .solid-event {
font-family: "Facit"; font-family: "Facit";
font-weight: 400; font-weight: 400;
.page-title { .page-title {
@ -58,8 +58,8 @@ solid-event section {
padding: 5px 20px; padding: 5px 20px;
color: #063B5C; color: #063B5C;
} }
sib-form { solid-form {
sib-form-dropdown { solid-form-dropdown {
margin-left: 15px; margin-left: 15px;
label div { label div {
height: 2.5rem; height: 2.5rem;
@ -90,12 +90,12 @@ solid-event section {
width: max-content; width: max-content;
height: max-content; height: max-content;
} }
solid-display-location-events { event-display-location-events {
padding: 5px; padding: 5px;
} }
} }
.eventdetail { .eventdetail {
sib-display div { solid-display div {
display: block; display: block;
} }
.mdi::before { .mdi::before {
@ -124,12 +124,12 @@ solid-event section {
font-size: 1.6rem; font-size: 1.6rem;
line-height: 2.6rem; line-height: 2.6rem;
} }
solid-display-link-event a { event-display-link-event a {
font-size: 1.6rem; font-size: 1.6rem;
} }
} }
.newevent label div, .newevent label div,
.newevent sib-form-file div label { .newevent solid-form-file-label div label {
line-height: 2.2rem; line-height: 2.2rem;
text-transform: uppercase; text-transform: uppercase;
color: var(--form-title); color: var(--form-title);
@ -165,7 +165,7 @@ solid-event section {
background-color: #f0f3f6; background-color: #f0f3f6;
} }
#circle-events solid-event .events sib-form sib-form-dropdown select { #circle-events solid-event .events solid-form solid-form-dropdown select {
background-color: #f0f3f6; background-color: #f0f3f6;
} }

2
src/styles/layout/job-offers/job-offers.scss
View File

@ -180,7 +180,7 @@ solid-job-board {
} }
} }
.solid-conversation, .sib-conversation,
.conversation > div { .conversation > div {
display: flex; display: flex;
flex-direction: column-reverse; flex-direction: column-reverse;

15
src/styles/layout/polls/_polls.scss
View File

@ -80,7 +80,7 @@ solid-poll > div {
box-shadow: 0px 0px 4px 1px #CACACA; box-shadow: 0px 0px 4px 1px #CACACA;
*[name="body"] { *[name="body"] {
/*size of tags of poll card*/ /*size of tags of poll card*/
etuc-display-votetags { poll-display-votetags {
>div { >div {
width: 64px; width: 64px;
height: 24px; height: 24px;
@ -131,7 +131,7 @@ solid-poll > div {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
margin-top: 10px; margin-top: 10px;
solid-display-div [name="dateImage"]::before { div [name="dateImage"]::before {
display: inline-block; display: inline-block;
font: normal normal normal 24px/1 "Material Design Icons"; font: normal normal normal 24px/1 "Material Design Icons";
content: "\F6AF"; content: "\F6AF";
@ -181,7 +181,7 @@ solid-poll > div {
solid-display.topline { solid-display.topline {
>div:first-of-type { >div:first-of-type {
*[name="right"] { *[name="right"] {
etuc-display-votetags { poll-display-votetags {
>div { >div {
width: 64px; width: 64px;
height: 24px; height: 24px;
@ -203,7 +203,7 @@ solid-poll > div {
[name="dateLine"] solid-set-default { [name="dateLine"] solid-set-default {
display: flex; display: flex;
margin-top: 7px; margin-top: 7px;
solid-display-date { solid-display-date-div {
margin-left: 7px; margin-left: 7px;
} }
} }
@ -218,7 +218,7 @@ solid-poll > div {
font-size: 16px; font-size: 16px;
} }
} }
solid-display-div [name="dateImage"]::before { div [name="dateImage"]::before {
font-family: "Material Design Icons"; font-family: "Material Design Icons";
font-weight: 400; font-weight: 400;
content: "\F6AF"; content: "\F6AF";
@ -275,7 +275,6 @@ solid-poll > div {
} }
.poll-votes-form input[type="submit"] { .poll-votes-form input[type="submit"] {
height: 38px; height: 38px;
width: 149px;
border-radius: 19px; border-radius: 19px;
box-shadow: 0 0 7px 0 rgba(0,0,0,0.15); box-shadow: 0 0 7px 0 rgba(0,0,0,0.15);
} }
@ -406,7 +405,7 @@ solid-poll > div {
margin: 15px 0; margin: 15px 0;
padding: 0; padding: 0;
} }
label > div, solid-form-file-image > div label, solid-form-auto-completion[name="tags"] > label::before { label > div, solid-form-file-image > div label, solid-form-dropdown-autocompletion[name="tags"] > label::before {
margin-bottom: 5px; margin-bottom: 5px;
margin-top: 20px; margin-top: 20px;
color: var(--form-title); color: var(--form-title);
@ -446,7 +445,7 @@ solid-poll > div {
display: flex; display: flex;
width: 100%; width: 100%;
justify-content: space-between; justify-content: space-between;
custom-choix { poll-custom-choice {
width: calc(100% - 45px); width: calc(100% - 45px);
solid-form-label-text[name="name"] { solid-form-label-text[name="name"] {
margin-bottom: 0; margin-bottom: 0;

18
src/styles/layout/resources/resources.scss
View File

@ -5,13 +5,13 @@
font-weight: 400; font-weight: 400;
color: #7A7F85; color: #7A7F85;
solid-resource { solid-resource {
sib-display div { solid-display div {
max-width: 1110px; max-width: 1110px;
sib-display { solid-display {
margin: 0 0 20px 40px; margin: 0 0 20px 40px;
} }
} }
.sib-resource { .solid-resource {
font-family: "Facit"; font-family: "Facit";
.page-title { .page-title {
font-family: "RefrigeratorDelxW01Bold"; font-family: "RefrigeratorDelxW01Bold";
@ -41,7 +41,7 @@
} }
.resources { .resources {
margin-top: -35px; margin-top: -35px;
sib-form { solid-form {
&::before { &::before {
content: "Research a resource"; content: "Research a resource";
font-family: "RefrigeratorDelxW01Bold"; font-family: "RefrigeratorDelxW01Bold";
@ -63,7 +63,7 @@
padding: 10px 30px; padding: 10px 30px;
color: #063B5C; color: #063B5C;
} }
sib-display sib-display { solid-display solid-display {
[name="name"] { [name="name"] {
font-family: "RefrigeratorDelxW01Bold"; font-family: "RefrigeratorDelxW01Bold";
color: #063B5C; color: #063B5C;
@ -97,7 +97,7 @@
} }
} }
.newresource label div, .newresource label div,
.newresource sib-form-file div label { .newresource solid-form-file div label {
line-height: 2.2rem; line-height: 2.2rem;
text-transform: uppercase; text-transform: uppercase;
color: var(--form-title); color: var(--form-title);
@ -108,7 +108,7 @@
.newresource select, .newresource select,
.newresource textarea, .newresource textarea,
.newresource input, .newresource input,
.newresource sib-multiple-select .ss-main .ss-multi-selected { .newresource solid-multiple-select .ss-main .ss-multi-selected {
background-color: var(--form-inputs-background); background-color: var(--form-inputs-background);
} }
.newresource input[type="submit"] { .newresource input[type="submit"] {
@ -124,7 +124,7 @@
} }
} }
@media (max-width: 991px) { @media (max-width: 991px) {
.sib-resource { .solid-resource {
margin-top: 65px; margin-top: 65px;
} }
} }
@ -134,7 +134,7 @@
background-color: #f0f3f6; background-color: #f0f3f6;
} }
#circle-resources .resources sib-form sib-form-dropdown select { #circle-resources .resources solid-form solid-form-dropdown select {
background-color: #f0f3f6; background-color: #f0f3f6;
} }