CSS: Adjust styles

This commit is contained in:
Florian Strohmaier 2023-07-27 16:43:51 +02:00 committed by Johannes Meyer
parent 1da5487066
commit bc3c444cf5
1 changed files with 49 additions and 32 deletions

View File

@ -9,6 +9,7 @@
summary { summary {
color: @icinga-blue; color: @icinga-blue;
cursor: pointer; cursor: pointer;
border-radius: .25em;
&::-webkit-details-marker { &::-webkit-details-marker {
display: none; // Disable safari default details marker display: none; // Disable safari default details marker
@ -17,27 +18,21 @@
} }
.migration-form { .migration-form {
input[type="submit"] {
color: @icinga-blue;
background: @low-sat-blue;
border: none;
&:not(:disabled):hover {
background: @icinga-blue;
color: @text-color-on-icinga-blue;
}
&:disabled {
background: @disabled-gray;
color: @default-text-color-inverted;
}
}
} }
.modules-header { .modules-header {
input[type="submit"] { input[type="submit"] {
&:not(:disabled) { border: none;
background: transparent; padding-left: 0;
padding-right: 0;
&:disabled {
color: @disabled-gray;
background: none;
&:hover {
cursor: not-allowed;
}
} }
} }
} }
@ -46,16 +41,8 @@
// Layout // Layout
.pending-migrations-hint { .pending-migrations-hint {
top: 15%;
right: 50%;
position: fixed;
transform: translate(50%, -50%);
text-align: center; text-align: center;
> p {
font-size: 1.1em;
}
> h2 { > h2 {
font-size: 2em; font-size: 2em;
} }
@ -66,6 +53,32 @@
align-items: baseline; align-items: baseline;
} }
.list-item header {
align-items: baseline;
height: 1.5em;
input[type="submit"] {
margin-top: -.5em;
}
}
.list-item .caption {
height: 1.5em;
margin-top: .25em;
p {
margin-bottom: 0;
}
.description {
line-height: 1.5;
}
}
footer {
margin-top: .25em;
}
.migration-list-control { .migration-list-control {
padding-bottom: 1em; padding-bottom: 1em;
} }
@ -81,20 +94,24 @@
} }
.migration-details { .migration-details {
font-size: 1.1em; font-size: 1em;
line-height: 1.5em;
&[open] summary { summary {
margin-bottom: .5em; display: inline-block;
} }
} }
.migration-form { .migration-form {
input[type="submit"] { input[type="submit"] {
padding: 0.25em 0.5em; line-height: 1.5;
line-height: 1.75;
font-size: 1.1em;
.rounded-corners(3px); &:disabled {
color: @disabled-gray;
cursor: not-allowed;
background: none;
border-color: fade(@disabled-gray, 75)
}
} }
} }
} }