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