diff --git a/src/styles/layout/events/events.scss b/src/styles/layout/events/events.scss index 68aa978..10a6093 100644 --- a/src/styles/layout/events/events.scss +++ b/src/styles/layout/events/events.scss @@ -124,11 +124,30 @@ font-size: 1.6rem; } } + .newevent label div, + .newevent sib-form-file div label { + line-height: 2.2rem; + text-transform: uppercase; + color: var(--form-title); + font-size: 13px; + font-weight: 600; + font-family: Open sans; + } + .newevent select, + .newevent textarea, + .newevent input, + .newtype input { + background-color: var(--form-inputs-background); + } .newevent input[type="submit"], .newtype input[type="submit"], button { width: max-content; padding: 5px 20px; + background-color: #3C3F57; + } + .newevent input[type="file"] { + background-color: transparent; } } @media (max-width: 991px) { diff --git a/src/styles/layout/polls/_polls.scss b/src/styles/layout/polls/_polls.scss index 923882c..dd14717 100644 --- a/src/styles/layout/polls/_polls.scss +++ b/src/styles/layout/polls/_polls.scss @@ -58,7 +58,7 @@ } } } - div:first-of-type { + > div { display: flex; flex-wrap: wrap; justify-content: left; @@ -71,6 +71,7 @@ margin: 0 0 20px 40px; >div:first-of-type { background-color: #fff; + height: 100%; -webkit-box-shadow: 0px 0px 4px 1px #CACACA; box-shadow: 0px 0px 4px 1px #CACACA; *[name="body"] { @@ -148,14 +149,13 @@ } } [name="shortDescription"] { - height: 117px; - width: 316px; color: #7A7F85; font-family: Facit; font-size: 14px; letter-spacing: 0; line-height: 22px; text-align: center; + max-height: 100%; } } } @@ -185,7 +185,143 @@ } #polls { - background-color: #f0f3f6; + .views-container { + background-color: #f0f3f6;; + } + #add-survey { + background-color: white; + padding: 50px 0; + margin: -20px 0; + h2 { + font-family: "RefrigeratorDelxW01Bold"; + font-size: 3.2rem; + line-height: 3.8rem; + color: var(--title-font-color); + margin-bottom: 0; + } + p { + margin-top: 10px; + color: #7A7F85; + font-family: Facit; + font-size: 16px; + } + form { + padding: 25px 0; + width: 1000px; + max-width: 90%; + display: block; + input { + height: 3rem; + } + textarea { + height: 110px; + } + solid-form-label-text, + solid-form-textarea { + display: block; + margin: 15px 0; + padding: 0; + } + label > div, solid-form-file-image > div label, solid-form-auto-completion[name="tags"] > label::before { + margin-bottom: 5px; + margin-top: 20px; + color: var(--form-title); + font-size: 13px; + font-weight: 600; + text-transform: uppercase; + } + solid-form-file-image > div { + margin-bottom: 15px; + button { + width: 20px; + } + input { + align-self: center; + } + label { + margin-bottom: 15px; + } + img { + margin-right: 10px; + max-width: 250px; + } + } + solid-form-label-text[name="title"] { + margin-bottom: 5px; + } + .form-tips { + font-family: Facit; + } + .h3-like { + font-family: "RefrigeratorDelxW01Bold"; + } + solid-multiple-form[name="pollOptions"] { + div { + margin-bottom: 10px; + div { + display: flex; + width: 100%; + justify-content: space-between; + custom-choix { + width: calc(100% - 45px); + solid-form-label-text[name="name"] { + margin-bottom: 0; + } + } + button { + border: 1px solid var(--main-color); + background-color: transparent; + border-radius: 15px; + font-size: 24px; + color: var(--main-color); + padding: 0; + height: 30px; + width: 30px; + align-self: flex-end; + margin-bottom: 5px; + } + } + } + > button { + height: 28px; + line-height: 14px; + text-transform: uppercase; + font-family: Facit; + padding: 0 30px; + font-weight: bold; + font-size: 13px; + margin: 10px 0; + color: var(--main-color); + &::before { + content: "\F419"; + font-family: Material Design Icons; + margin-right: 7px; + font-size: 2rem; + vertical-align: middle; + text-decoration: none; + } + } + } + .ss-main { + margin-top: 10px; + .ss-multi-selected .ss-values .ss-value { + border-radius: 14px; + background-color: #C4262E; + padding: 5px 10px; + font-size: 11px; + } + } + input[type="submit"] { + font-size: 1.4rem; + margin: 25px 0; + float: right; + width: max-content; + padding: 5px 20px; + display: block; + text-transform: uppercase; + } + } + } } #circle-polls #pollListing .all-polls solid-form solid-form-placeholder-text input { diff --git a/src/styles/layout/resources/resources.scss b/src/styles/layout/resources/resources.scss index f98edf3..5c32d38 100644 --- a/src/styles/layout/resources/resources.scss +++ b/src/styles/layout/resources/resources.scss @@ -88,19 +88,27 @@ [name="infotext"] { justify-content: flex-start; } - .event-type { - width: max-content; - padding: 5px 20px; - font-size: 1.1rem; - line-height: 1.3rem; - height: 13px; - margin: 0 20px 10px; - background-color: #C4262E; - color: white; - font-weight: 700; - text-transform: uppercase; - border-radius: 15px; - } + } + .newresource label div, + .newresource sib-form-file div label { + line-height: 2.2rem; + text-transform: uppercase; + color: var(--form-title); + font-size: 13px; + font-weight: 600; + font-family: Open sans; + } + .newresource select, + .newresource textarea, + .newresource input, + .newresource sib-multiple-select .ss-main .ss-multi-selected { + background-color: var(--form-inputs-background); + } + .newresource input[type="submit"] { + background-color: #3C3F57; + } + .newresource input[type="file"] { + background-color: transparent; } .resource-tag { font-family: Facilt;