Backup_Repos/stash
1
0
Fork 0
mirror of https://github.com/stashapp/stash.git synced 2025-12-06 16:34:02 +01:00
Code Issues Projects Releases Wiki Activity

style updates

Browse source
This commit is contained in:
CJ 2025-12-03 01:23:00 -06:00
parent 289d76cc75
commit 58075008f1
1 changed files with 24 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
ui/v2.5/src/components/ScenePlayer/styles.scss
View file

@ -105,26 +105,46 @@ $sceneTabWidth: 450px;
&.vjs-icon-play-circle::before { &.vjs-icon-play-circle::before {
align-items: center; align-items: center;
background-color: rgba(80, 80, 80, 0.9); background-color: rgba(255, 255, 255, 0.9);
border-radius: 50%; border-radius: 50%;
color: #fff; color: rgba(80, 80, 80, 0.9);
content: "\f101"; content: "\f101";
font-size: 1em; font-size: 1em;
line-height: 1; line-height: 1;
margin-left: 1rem;
padding: 0.3em; padding: 0.3em;
position: relative;
z-index: 2;
} }
&.vjs-icon-cancel::before { &.vjs-icon-cancel::before {
align-items: center; align-items: center;
background-color: rgba(255, 255, 255, 0.9); background-color: rgba(80, 80, 80, 0.9);
border-radius: 50%; border-radius: 50%;
color: rgba(80, 80, 80, 0.9); color: #fff;
content: "\f103"; content: "\f103";
font-size: 1em; font-size: 1em;
line-height: 1; line-height: 1;
margin-right: 1rem;
padding: 0.3em; padding: 0.3em;
position: relative;
z-index: 2;
} }
&.vjs-icon-play-circle::after,
&.vjs-icon-cancel::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 1rem;
height: 2.5rem;
background-color: rgba(80, 80, 80, 0.9);
transform: translate(-50%, -50%) rotate(90deg);
opacity: 0.7;
z-index: 1;
border-radius: 8px;
}
&:hover { &:hover {
text-shadow: 0 0 1em rgba(255, 255, 255, 0.75); text-shadow: 0 0 1em rgba(255, 255, 255, 0.75);