CSS: Adjust styles
This commit is contained in:
parent
1da5487066
commit
bc3c444cf5
|
@ -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)
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue