discourse
/
docker_manager
mirror of https://github.com/discourse/docker_manager.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

UX: Status badge tweaks (#253)

This commit is contained in:
Ella E. 2024-12-05 08:02:57 -07:00 committed by GitHub
parent 0a2110ab36
commit 51f27c2174
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 6 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
assets/stylesheets/common/docker-manager.scss
View File

@ -114,8 +114,8 @@
margin-bottom: var(--space-6); margin-bottom: var(--space-6);
} }
tr.repo { .d-admin-row__content.repo {
td:first-child { .d-admin-row__overview {
width: 45%; width: 45%;
@include breakpoint("tablet") { @include breakpoint("tablet") {
@ -123,8 +123,9 @@
} }
} }
td:last-child { .d-admin-row__controls {
width: 12%; // set width to minimize layout shift width: 12%; // set width to minimize layout shift
text-align: left;
@include breakpoint("tablet") { @include breakpoint("tablet") {
width: auto; width: auto;
@ -144,36 +145,20 @@
} }
.status-label { .status-label {
--d-border-radius: 0.75rem;
--success-low: #f5fff5;
display: flex;
flex-wrap: nowrap;
width: fit-content;
&.--loading { &.--loading {
background-color: transparent;
color: var(--primary-medium); color: var(--primary-medium);
} }
&.--success { &.--success {
background-color: var(--success-low); background-color: var(--success-low);
padding: 0.8rem var(--space-2);
border-radius: var(--d-border-radius);
.status-label-indicator { .status-label-indicator {
display: inline-block;
width: 6px;
height: 6px;
border-radius: 50%;
background-color: var(--success); background-color: var(--success);
flex-shrink: 0;
margin-right: var(--space-1);
margin-top: 0.4rem;
} }
.status-label-text { .status-label-text {
color: var(--success); color: var(--primary-very-high);
font-size: var(--font-down-1);
} }
} }
} }