Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-01-11 22:40:31 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

refactor: use outline for buttons

Browse source
This commit is contained in:
Tim 2023-07-07 20:16:00 +02:00
parent e65de780bb
commit bcfef1a5fd
12 changed files with 17 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/common/AddonDetailsModal/styles.less
View file

@ -18,7 +18,7 @@
opacity: 0.3;
&:hover {
box-shadow: 0 0 0 0.15rem var(--primary-foreground-color) inset;
outline: var(--focus-outline-size) solid var(--primary-foreground-color);
opacity: 1;
}

2
src/common/MetaPreview/ActionButton/styles.less
View file

@ -15,7 +15,7 @@
transition: all 0.1s ease-out;
&:hover, &:focus {
box-shadow: 0 0 0 0.1rem var(--primary-foreground-color) inset;
outline: var(--focus-outline-size) solid var(--primary-foreground-color);
background-color: transparent;
}

2
src/common/ModalDialog/styles.less
View file

@ -93,7 +93,7 @@
background-color: var(--secondary-accent-color);
&:hover {
box-shadow: 0 0 0 0.15rem var(--secondary-accent-color) inset;
outline: var(--focus-outline-size) solid var(--secondary-accent-color);
background-color: transparent;
}

2
src/common/SharePrompt/styles.less
View file

@ -84,7 +84,7 @@
background-color: var(--secondary-accent-color);
&:hover {
box-shadow: 0 0 0 0.15rem var(--secondary-accent-color) inset;
outline: var(--focus-outline-size) solid var(--secondary-accent-color);
background-color: transparent;
}

4
src/routes/Addons/Addon/styles.less
View file

@ -136,7 +136,7 @@
background-color: var(--secondary-accent-color);
&:hover {
box-shadow: 0 0 0 0.1rem var(--secondary-accent-color) inset;
outline: var(--focus-outline-size) solid var(--secondary-accent-color);
background-color: transparent;
}
@ -150,7 +150,7 @@
background-color: var(--secondary-accent-color);
&:hover {
box-shadow: 0 0 0 0.1rem var(--secondary-accent-color) inset;
outline: var(--focus-outline-size) solid var(--secondary-accent-color);
background-color: transparent;
}

4
src/routes/Addons/styles.less
View file

@ -55,7 +55,7 @@
background-color: var(--secondary-accent-color);
&:hover {
box-shadow: 0 0 0 0.1rem var(--secondary-accent-color) inset;
outline: var(--focus-outline-size) solid var(--secondary-accent-color);
background-color: transparent;
}
@ -198,7 +198,7 @@
opacity: 0.3;
&:hover {
box-shadow: 0 0 0 0.15rem var(--primary-foreground-color) inset;
outline: var(--focus-outline-size) solid var(--primary-foreground-color);
opacity: 1;
}

2
src/routes/Discover/styles.less
View file

@ -113,7 +113,7 @@
background-color: var(--secondary-accent-color);
&:hover {
box-shadow: 0 0 0 0.15rem var(--secondary-accent-color) inset;
outline: var(--focus-outline-size) solid var(--secondary-accent-color);
background-color: transparent;
}

2
src/routes/Library/styles.less
View file

@ -139,7 +139,7 @@
background-color: var(--secondary-accent-color);
&:hover {
box-shadow: 0 0 0 0.15rem var(--secondary-accent-color) inset;
outline: var(--focus-outline-size) solid var(--secondary-accent-color);
background-color: transparent;
}

2
src/routes/MetaDetails/StreamsList/styles.less
View file

@ -85,7 +85,7 @@
background-color: var(--secondary-accent-color);
&:hover {
box-shadow: 0 0 0 0.15rem var(--secondary-accent-color) inset;
outline: var(--focus-outline-size) solid var(--secondary-accent-color);
background-color: transparent;
}

2
src/routes/Player/NextVideoPopup/styles.less
View file

@ -97,7 +97,7 @@
}
&:hover {
box-shadow: 0 0 0 0.15rem var(--secondary-accent-color) inset;
outline: var(--focus-outline-size) solid var(--secondary-accent-color);
background-color: transparent;
}
}

2
src/routes/Player/styles.less
View file

@ -78,7 +78,7 @@ html:not(.active-slider-within) {
background-color: var(--secondary-accent-color);
&:hover {
box-shadow: 0 0 0 0.15rem var(--secondary-accent-color) inset;
outline: var(--focus-outline-size) solid var(--secondary-accent-color);
background-color: transparent;
}

8
src/routes/Settings/styles.less
View file

@ -184,7 +184,7 @@
background-color: var(--secondary-accent-color);
&:hover {
box-shadow: 0 0 0 0.15rem var(--secondary-accent-color) inset;
outline: var(--focus-outline-size) solid var(--secondary-accent-color);
background-color: transparent;
}
@ -238,7 +238,7 @@
background-color: var(--secondary-accent-color);
&:hover {
box-shadow: 0 0 0 0.15rem var(--secondary-accent-color) inset;
outline: var(--focus-outline-size) solid var(--secondary-accent-color);
background-color: transparent;
}
@ -321,7 +321,7 @@
background-color: var(--secondary-accent-color);
&:hover {
box-shadow: 0 0 0 0.15rem var(--secondary-accent-color) inset;
outline: var(--focus-outline-size) solid var(--secondary-accent-color);
background-color: transparent;
}
@ -394,7 +394,7 @@
opacity: 0.3;
&:hover {
box-shadow: 0 0 0 0.15rem var(--primary-foreground-color) inset;
outline: var(--focus-outline-size) solid var(--primary-foreground-color) inset;
opacity: 1;
}