diff --git a/src/styles/base/menu-left.scss b/src/styles/base/menu-left.scss index 2621de1..cb66bc5 100644 --- a/src/styles/base/menu-left.scss +++ b/src/styles/base/menu-left.scss @@ -2,15 +2,15 @@ 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 { .menu-icon.icon-arrow-up { @@ -24,37 +24,37 @@ .sub-menu { display: none; } - + .menu-chevron { transform: rotate(180deg); } } } } - + solid-link { width: 100%; } - + .menu { cursor: pointer; display: flex; flex-direction: row-reverse; font-weight: bold; padding: 1.2rem; - + &[active] { background-color: var(--color-menu-highlight-primary); - + .menu-icon:before { background-color: var(--color-menu-icon-background-active); } - + .menu-notification>solid-display>div:first-child { background-color: var(--color-menu-badge-background); } } - + .menu-icon { align-items: center; display: flex; @@ -63,7 +63,7 @@ flex-shrink: 0; font-size: 1.7rem; width: 3.2em; - + &:before { border-radius: 100%; height: 1.9em; @@ -71,7 +71,7 @@ width: 1.9em; } } - + .menu-label { display: flex; flex-direction: column; @@ -83,7 +83,7 @@ text-transform: uppercase; width: 8em; } - + .menu-chevron { align-items: center; display: flex; @@ -92,35 +92,35 @@ justify-content: center; width: 2em; } - + >solid-display { display: block; } } - + .sub-menu { - + /* Ellipsis for project tab */ - + .project-tab>div>solid-display>div:nth-child(1) { - + solid-set-default[name='project'] { flex: 3; - + .project-customer, .project-name { box-sizing: border-box; display: block; width: calc(80vw - 96px); /*96px = padding of the element + width and margin of counter */ - + @include breakpoint(lg) { width: 150px; } } - + .project-customer, .project-name>div { - + @include breakpoint(lg) { display: block; overflow: hidden; @@ -130,19 +130,19 @@ } } } - + /* Ellipsis for circle tab */ - + .circle-tab>div>solid-display>div { - + solid-display-div[name='name'] { flex: 3; - + >div[name='name'] { box-sizing: border-box; padding-left: 0.2em; width: calc(80vw - 96px); /*96px = padding of the element + width and margin of counter */ - + @include breakpoint(lg) { overflow: hidden; text-overflow: ellipsis; @@ -152,18 +152,18 @@ } } } - + /* Ellipsis for message tab */ - + .message-tab>div>solid-display>div>solid-display-div>div { box-sizing: border-box; width: calc(80vw - 96px); /*96px = padding of the element + width and margin of counter */ - + @include breakpoint(lg) { width: 150px; } } - + solid-display.nosub>solid-form[fields="name"]>hubl-search-users>input { margin-left: 30px; margin-bottom: 10px; @@ -174,42 +174,42 @@ border: 1px solid var(--color-grey-4); border-radius: 3px; padding: 4px; - + @include breakpoint(lg) { margin: auto; margin-bottom: 10px; width: auto; } } - + solid-display.nosub>nav { text-align: center; overflow: hidden; display: grid; grid-template-columns: auto 50% auto; grid-template-areas: "left middle right"; - + >* { color: var(--color-white); } - + >[data-id="prev"] { grid-area: left; } - + >[data-id="next"] { grid-area: right; } - + >span { grid-area: middle; } } - + hubl-menu-publicprivate { display: inline-block; text-align: center; - + div { font-family: simple-line-icons; width: 20px; @@ -217,38 +217,38 @@ padding-top: 0.1em; } } - + >solid-display.nosub>div>solid-display>div { padding: 1rem 1rem 1rem 3rem; } - + solid-display>div { - + .create { color: var(--color-white); margin: 1rem 1rem 2.2rem 3.2rem; } - + &>solid-display { &:last-child>div { margin-bottom: 2.2rem; } - + >div { color: var(--color-white); cursor: pointer; - + >hubl-menu-fix-url-circle>solid-display>div, >hubl-menu-fix-url-project>solid-display>div { padding: 1rem 1rem 1rem 3rem; } } - + &[fields="project(customer.name, name), badge"]>div { padding: 0; } } - + &>solid-display[active]>div, &>solid-display>div>hubl-menu-fix-url-circle>solid-display[active]>div, &>solid-display>div>hubl-menu-fix-url-project>solid-display[active]>div { @@ -257,26 +257,26 @@ font-weight: bold; } } - + &.menu-notification { - + >solid-display>div>solid-display>div>hubl-menu-fix-url-circle, >solid-display>div>solid-display>div>hubl-menu-fix-url-project { flex: 1; } - + >solid-display>div>solid-display>div, >solid-display>div>solid-display>div>hubl-menu-fix-url-circle>solid-display>div, >solid-display>div>solid-display>div>hubl-menu-fix-url-project>solid-display>div { display: flex; justify-content: space-between; } - + hubl-counter { height: 20px; width: 20px; margin-right: 1em; - + div.counter:not([data-nb-unread="0"]) { text-align: center; display: block; @@ -292,7 +292,7 @@ } } } - + .divider { height: 1px; background-color: var(--color-grey-11); diff --git a/src/styles/layout/polls/polls.scss b/src/styles/layout/polls/polls.scss index 52d0152..4c8fe2e 100644 --- a/src/styles/layout/polls/polls.scss +++ b/src/styles/layout/polls/polls.scss @@ -401,7 +401,9 @@ solid-poll > div { height: 110px; } solid-form-label-text, - solid-form-textarea { + solid-form-textarea, + solid-form-label-textarea, + solid-form-textarea-label { display: block; margin: 15px 0; padding: 0;