Skip to content
Snippets Groups Projects

Resolve #3460441 "Fix the issue"

8 files
+ 171
40
Compare changes
  • Side-by-side
  • Inline

Files

@@ -80,13 +80,64 @@
}
/* Animate field suffix */
.animatecss-form .form-item__suffix,
.animatecss-settings-form .form-item__suffix {
.animatecss-settings-form .form-item__suffix {
display: inline-flex;
align-self: center;
margin-right: -14px;
margin-left: 0;
vertical-align: middle;
margin-right: 0;
margin-left: -6px;
transform: rotate(90deg);
}
/* Animate flags */
.animatecss-unit-flag,
.animatecss-beta-flag,
.animatecss-experimental-flag,
.animatecss-new-flag {
font-size: 10px;
font-weight: 525;
text-transform: uppercase;
letter-spacing: .1em;
display: inline-block;
padding: .125em .5em;
vertical-align: .125em;
border: 1px solid transparent;
border-radius: .125rem;
line-height: 1.5;
}
body[class^="gin--"] .animatecss-beta-flag,
body[class^="gin--"] .animatecss-experimental-flag,
body[class^="gin--"] .animatecss-new-flag {
border-radius: .75rem;
}
.animatecss-beta-flag,
.animatecss-experimental-flag {
color: #555;
background: #ddd;
}
body[class^="gin--"] .animatecss-beta-flag,
body[class^="gin--"] .animatecss-experimental-flag {
color: #777;
background: #eee;
}
.gin--dark-mode .animatecss-beta-flag,
.gin--dark-mode .animatecss-experimental-flag {
color: #9e9fa0 !important;
background: rgba(255, 255, 255, .1) !important;
}
.animatecss-new-flag {
color: #fff;
background-color: #26a769;
}
body[class^="gin--"] .animatecss-new-flag {
font-size: 9px;
font-weight: bold;
color: #39b77b;
background-color: #26a76930;
}
.animatecss-unit-flag {
font-size: 14px;
color: #d8b234;
text-transform: lowercase;
}
/* Library status report */
.library-status-report {
position: relative;
@@ -95,14 +146,18 @@
padding-block: 1em;
padding-inline: 3em 1em;
font-weight: 400;
font-size: 14px;
color: #545454;
background-color: #f6f6f6;
border-radius: .45rem;
}
.library-status-report::before {
position: absolute;
inset-block-start: 1em;
inset-inline-start: 0.625rem;
display: inline-block;
width: 1.5rem;
height: 1.5rem;
width: 1.2rem;
height: 1.2rem;
margin-inline-end: 0.625rem;
content: "";
vertical-align: top;
@@ -151,6 +206,31 @@
margin-left: 0;
margin-right: 0;
}
/* List status marker */
.animatecss-list .marker {
font-size: .75rem;
font-weight: 525;
display: inline-block;
padding: .125em .75em;
vertical-align: .125em;
border: 1px solid transparent;
border-radius: .125rem;
color: #777;
background: #eee;
}
.gin-layer-wrapper .animatecss-list .marker {
color: #777;
background: #eee;
border-radius: .75rem;
}
.animatecss-list .marker--enabled {
color: #fff;
background-color: #26a769;
}
.gin-layer-wrapper .animatecss-list .marker--enabled {
color: #39b77b;
background-color: #26a76930;
}
/* Gin theme fix delete icon color */
#block-gin-content .action-link--icon-trash.action-link--danger:before,
#block-gin-content .button.button--danger:before,
Loading