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