tyler.durden/icingaweb2
1
0
Fork 0
mirror of https://github.com/Icinga/icingaweb2.git synced 2025-07-28 08:14:03 +02:00
Code Issues Packages Projects Releases Wiki Activity

CSS: Styling

Browse Source
This commit is contained in:
Florian Strohmaier 2023-09-12 11:20:21 +02:00 committed by Johannes Meyer
parent a00f094e10
commit 44897e4903
1 changed files with 42 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

53
public/css/icinga/pending-migration.less
View File

@ -1,5 +1,7 @@
// Style // Style
@visual-width: 1.5em;
.migration-state-banner { .migration-state-banner {
.rounded-corners(); .rounded-corners();
@ -14,8 +16,12 @@
color: @icinga-blue; color: @icinga-blue;
} }
.empty-state {
margin: 0 auto;
}
.list-item { .list-item {
.visual.upgrade-failed, span.upgrade-failed, .errors-section > i { .visual.upgrade-failed, span.upgrade-failed, .errors-section > header > i {
color: @state-critical; color: @state-critical;
} }
@ -43,7 +49,6 @@
} }
// Layout // Layout
.pending-migrations-hint { .pending-migrations-hint {
text-align: center; text-align: center;
@ -72,19 +77,30 @@
} }
} }
.item-list:not(.file-list) .list-item footer { .item-list:not(.file-list) > .list-item {
display: inline-block; > .main {
border-top: none;
}
footer {
display: block;
}
} }
.list-item { .list-item {
align-items: baseline; align-items: baseline;
.visual.upgrade-failed + .main { .main {
margin-left: 0; margin-left: 0;
} }
header { header {
align-items: baseline; align-items: baseline;
justify-content: flex-start;
input {
margin-left: auto;
}
.title span.upgrade-failed { .title span.upgrade-failed {
margin: .5em; margin: .5em;
@ -98,14 +114,15 @@
} }
.errors-section { .errors-section {
margin-top: 1em; margin: 1em -.25em;
border: 1px solid @state-critical; border: 1px solid @state-critical;
.rounded-corners(); padding: .25em;
.rounded-corners(.5em);
i.icon { .status-icon {
position: absolute;
margin-top: .3em; margin-top: .3em;
margin-left: .5em; margin-left: -1.5em;
margin-right: .25em;
} }
.caption, header { .caption, header {
@ -126,8 +143,22 @@
} }
a { a {
margin-left: .5em; margin-left: @visual-width;
} }
} }
} }
} }
.item-list.file-list {
.visual {
width: @visual-width;
}
.main {
margin-left: @visual-width;
}
.visual + .main {
margin-left: 0;
}
}