UX: Slightly tweak admin/customize/themes CSS (#15712)

This commit is contained in:
Jarek Radosz 2022-02-01 20:07:23 +01:00 committed by GitHub
parent 82a46beecb
commit 36194398e5
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 3 additions and 9 deletions

View File

@ -176,12 +176,10 @@
.themes-list-header { .themes-list-header {
width: 100%; width: 100%;
border-bottom: 1px solid var(--primary-low);
border-top: 1px solid var(--primary-low);
border-right: 1px solid var(--primary-low);
display: flex; display: flex;
.tab { .tab {
border: none;
padding: 1em; padding: 1em;
width: 50%; width: 50%;
box-sizing: border-box; box-sizing: border-box;
@ -190,16 +188,12 @@
&.active { &.active {
font-weight: 700; font-weight: 700;
} }
&:last-child {
border-left: 1px solid var(--primary-low);
}
} }
} }
.themes-list-container { .themes-list-container {
overflow-y: auto; overflow-y: auto;
box-sizing: content-box; box-sizing: border-box;
max-height: 60vh; max-height: 60vh;
@media screen and (max-height: 1000px) { @media screen and (max-height: 1000px) {
max-height: 50vh; max-height: 50vh;
@ -209,6 +203,7 @@
} }
border-right: 1px solid var(--primary-low); border-right: 1px solid var(--primary-low);
border-bottom: 1px solid var(--primary-low); border-bottom: 1px solid var(--primary-low);
border-left: 1px solid var(--primary-low);
width: 100%; width: 100%;
.themes-list-item:last-child { .themes-list-item:last-child {
@ -218,7 +213,6 @@
color: var(--primary); color: var(--primary);
border-bottom: 1px solid var(--primary-low); border-bottom: 1px solid var(--primary-low);
display: flex; display: flex;
border-left: 1px solid var(--primary-low);
&.inactive-indicator { &.inactive-indicator {
border-right: 0; border-right: 0;