stepper title position

This commit is contained in:
Tykayn 2022-03-01 11:02:17 +01:00 committed by tykayn
parent 3135f299f4
commit 80473be29e
1 changed files with 16 additions and 10 deletions

View File

@ -17,6 +17,7 @@
.step-counter-text { .step-counter-text {
margin-top: -$stepper-progress-bar-height; margin-top: -$stepper-progress-bar-height;
} }
.title-section { .title-section {
display: inline-block; display: inline-block;
width: 50%; width: 50%;
@ -26,7 +27,13 @@
.step-title-poll { .step-title-poll {
max-width: 45ch; max-width: 45ch;
text-overflow: ellipsis; text-overflow: ellipsis;
display: inline-block !important; font-size: 0.85rem;
color: #767486;
margin-bottom: 0.7rem;
margin-top: -8px;
padding-left: 0;
display: block;
font-weight: bold;
} }
.columns, .columns,
@ -91,6 +98,7 @@
#close_stepper { #close_stepper {
border-radius: 3em; border-radius: 3em;
.title { .title {
margin-top: 2rem; margin-top: 2rem;
font-size: 24px; font-size: 24px;
@ -114,20 +122,12 @@
.columns { .columns {
padding-top: 0; padding-top: 0;
} }
i { i {
margin-left: 1ch; margin-left: 1ch;
} }
} }
.step-title-poll {
font-size: 0.85rem;
color: #767486;
margin-bottom: 0;
padding-left: 0;
display: block;
font-weight: bold;
}
h2 { h2 {
margin-bottom: 0; margin-bottom: 0;
} }
@ -173,11 +173,13 @@
background: $primary_color; background: $primary_color;
} }
} }
.cancel-button-reject { .cancel-button-reject {
background: none; background: none;
color: $primary_color; color: $primary_color;
margin-right: -1rem; margin-right: -1rem;
float: right; float: right;
.icon { .icon {
margin-left: 1rem; margin-left: 1rem;
height: 1rem; height: 1rem;
@ -205,6 +207,7 @@
display: inline-block; display: inline-block;
margin-right: 1rem; margin-right: 1rem;
border-radius: 100%; border-radius: 100%;
&:hover { &:hover {
background: $d-primary; background: $d-primary;
} }
@ -218,17 +221,20 @@
.menu-button { .menu-button {
border: 0; border: 0;
color: $primary_color; color: $primary_color;
img { img {
margin-left: 1ch; margin-left: 1ch;
float: right; float: right;
} }
} }
#mobile_menu { #mobile_menu {
top: -4px; top: -4px;
width: 100%; width: 100%;
background: #fff; background: #fff;
padding: 0.75rem; padding: 0.75rem;
height: 100vh; height: 100vh;
.cancel-button-stepper { .cancel-button-stepper {
padding: 1rem 2rem; padding: 1rem 2rem;
} }