dan/dribbblish-dynamic-theme
1
0
Fork 0
mirror of https://github.com/danbulant/dribbblish-dynamic-theme synced 2026-05-27 14:02:13 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix some sidebar alignment issues

Browse source
This commit is contained in:
Send_Nukez 2021-10-08 06:15:07 +02:00
parent d3cf6c2853
commit a4100b2eb7
1 changed files with 52 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

65
user.css
View file

@ -708,15 +708,20 @@ html.sidebar-hide-text .main-rootlist-rootlistItem {
height: 2px; height: 2px;
} }
.main-navBar-navBarLink { .main-rootlist-rootlistPlaylistsScrollNode {
height: 56px; padding: 0px;
} }
.main-navBar-navBarLink .icon,
.main-collectionLinkButton-icon, .main-collectionLinkButton-icon,
.main-createPlaylistButton-icon, .main-createPlaylistButton-icon {
.main-collectionLinkButton-icon { margin: 0px;
margin-right: 24px; }
.main-navBar-navBarLink,
.main-collectionLinkButton-collectionLinkButton,
.main-createPlaylistButton-button {
gap: 24px;
height: 56px;
} }
li.GlueDropTarget { li.GlueDropTarget {
@ -941,6 +946,16 @@ li.GlueDropTarget {
opacity: 1; opacity: 1;
} }
.main-collectionLinkButton-collectionLinkText,
.main-createPlaylistButton-text,
.main-navBar-navBarLink > span {
font-size: 14px;
font-weight: 400;
letter-spacing: normal;
line-height: 20px;
text-transform: none;
}
.main-likedSongsButton-likedSongsIcon, .main-likedSongsButton-likedSongsIcon,
.main-yourEpisodesButton-yourEpisodesIcon, .main-yourEpisodesButton-yourEpisodesIcon,
.main-createPlaylistButton-createPlaylistIcon { .main-createPlaylistButton-createPlaylistIcon {
@ -1016,22 +1031,35 @@ span.main-userWidget-displayName,
padding: 0px 8px; padding: 0px 8px;
} }
.main-navBar-navBar, .main-navBar-navBar .main-rootlist-wrapper > div:nth-child(2),
.main-rootlist-wrapper > div:nth-child(2), .main-navBar-entryPoints,
.main-navBar-entryPoints { #spicetify-show-list,
.main-rootlist-rootlistContent .os-content {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 5px; gap: 5px;
} }
#spicetify-show-list:empty {
display: none;
}
.main-rootlist-wrapper > div:nth-child(2) > li img, .main-rootlist-wrapper > div:nth-child(2) > li img,
.main-navBar-navBarLink > .icon { .main-navBar-navBarLink > .icon {
z-index: 100; z-index: 100;
} }
.main-collectionLinkButton-collectionLinkButton,
.main-createPlaylistButton-button {
position: relative;
}
.main-navBar-navBarItem:hover::before, .main-navBar-navBarItem:hover::before,
.main-rootlist-rootlistItem:hover::before, .main-rootlist-rootlistItem:hover::before,
.main-rootlist-rootlistItemLinkActive::before { .main-rootlist-rootlistItemLinkActive::before,
.main-collectionLinkButton-collectionLinkButton:hover::before,
.main-collectionLinkButton-selected::before,
.main-createPlaylistButton-button:hover::before {
content: ""; content: "";
position: absolute; position: absolute;
inset: 0px; inset: 0px;
@ -1040,7 +1068,8 @@ span.main-userWidget-displayName,
pointer-events: none; pointer-events: none;
} }
.main-navBar-navBarLinkActive { .main-navBar-navBarLinkActive,
.main-collectionLinkButton-selected {
border-radius: var(--image-radius); border-radius: var(--image-radius);
background-color: rgba(var(--spice-rgb-main), 0.4); background-color: rgba(var(--spice-rgb-main), 0.4);
} }
@ -1059,7 +1088,7 @@ div.GlueDropTarget.personal-library >* {
} }
div.GlueDropTarget.personal-library >*.active { div.GlueDropTarget.personal-library >*.active {
background: var(--spice-button); background: transparent;
} }
/** Big cover, small cover */ /** Big cover, small cover */
@ -1128,9 +1157,19 @@ html.right-expanded-cover.buddyfeed-visible .main-coverSlotExpanded-container {
border-radius: 5px; border-radius: 5px;
} }
.main-buttons-button {
color: var(--spice-main);
}
.main-dropDown-dropDown, .main-dropDown-dropDown,
.x-sortBox-sortDropdown { .x-sortBox-sortDropdown {
background-color: rgba(var(--spice-rgb-selected-row), .1) !important; background-color: rgba(var(--spice-rgb-selected-row), .4) !important;
color: var(--spice-subtext);
}
.main-dropDown-dropDown:hover,
.x-sortBox-sortDropdown:hover {
background-color: rgba(var(--spice-rgb-selected-row), .6) !important;
} }
.connect-device-list-item:focus, .connect-device-list-item:focus,