okseby/orchard
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Design overhaul in hover, active, selected & Latest Release (#1079)

Browse source 
* Design overhaul

* Reverted change in pages.less

* Design Overhaul

* Fixed a minor issue
This commit is contained in:
Porya 2022-05-26 12:30:58 -07:00 • committed by GitHub
parent d648fa63c6
commit bc55e6fe1a
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 2 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

9
src/renderer/less/elements.less
View file

@ -570,7 +570,6 @@
&:hover { &:hover {
background: rgb(200 200 200 / 10%); background: rgb(200 200 200 / 10%);
box-shadow: var(--mediaItemShadow);
.overlay-play { .overlay-play {
opacity: 1; opacity: 1;
@ -579,13 +578,10 @@
&.mediaitem-selected { &.mediaitem-selected {
background: var(--selected); background: var(--selected);
box-shadow: var(--mediaItemShadow);
} }
&:active { &:active {
background: var(--selected-click);
box-shadow: var(--mediaItemShadow);
color: #eee; color: #eee;
} }
@ -1093,12 +1089,11 @@
&.mediaitem-card { &.mediaitem-card {
background: #ccc; background: #ccc;
background: var(--spcolor); background: var(--spcolor);
height: 298px; height: 272px;
width: 230px; width: 230px;
overflow: hidden; overflow: hidden;
position: relative; position: relative;
border-radius: calc(var(--mediaItemRadius) * 2); border-radius: calc(var(--mediaItemRadius) * 2);
box-shadow: var(--mediaItemShadow-ShadowSubtle);
.artwork { .artwork {
width: 230px; width: 230px;
@ -1163,10 +1158,10 @@
overflow: hidden; overflow: hidden;
max-height: 3.8em; max-height: 3.8em;
z-index: 1; z-index: 1;
padding-top: 6px;
} }
&::after { &::after {
box-shadow: var(--mediaItemShadow);
content: ""; content: "";
width: 100%; width: 100%;
height: 100%; height: 100%;