interesting
/
PeerTube
mirror of https://github.com/Chocobozzz/PeerTube.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Fix focus-visible 

Also remove polyfill now :focus-visible is in baseline
This commit is contained in:
Chocobozzz 2024-06-10 11:20:04 +02:00
parent b2cf5548cd
commit b455a59bfd
No known key found for this signature in database
GPG Key ID: 583A612D890159BE
8 changed files with 12 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
client/package.json
View File

@ -99,7 +99,6 @@
"eslint-plugin-jsdoc": "^48.1.0", "eslint-plugin-jsdoc": "^48.1.0",
"eslint-plugin-prefer-arrow": "latest", "eslint-plugin-prefer-arrow": "latest",
"expect-webdriverio": "^4.2.3", "expect-webdriverio": "^4.2.3",
"focus-visible": "^5.0.2",
"hls.js": "~1.3", "hls.js": "~1.3",
"html-loader": "^5.0.0", "html-loader": "^5.0.0",
"html-webpack-plugin": "^5.3.1", "html-webpack-plugin": "^5.3.1",

6
client/src/app/+videos/+video-watch/shared/comment/video-comment.component.scss
View File

@ -32,8 +32,8 @@
.highlighted-comment { .highlighted-comment {
display: inline-block; display: inline-block;
background-color: #F5F5F5; background-color: pvar(--greySecondaryBackgroundColor);
color: #3d3d3d; color: pvar(--mainForegroundColor);
padding: 0 5px; padding: 0 5px;
font-size: 13px; font-size: 13px;
margin-bottom: 5px; margin-bottom: 5px;
@ -78,7 +78,7 @@
} }
.comment-account-fid { .comment-account-fid {
opacity: .6; color: pvar(--greyForegroundColor);
} }
} }

2
client/src/app/menu/language-chooser.component.scss
View File

@ -7,7 +7,7 @@
border-radius: 0; border-radius: 0;
&.focus-visible, &:focus-visible,
&:focus { &:focus {
box-shadow: none; box-shadow: none;
} }

2
client/src/app/menu/menu.component.scss
View File

@ -44,7 +44,7 @@ ul {
} }
&:hover, &:hover,
&.focus-visible { &:focus-visible {
background-color: rgba(255, 255, 255, 0.1); background-color: rgba(255, 255, 255, 0.1);
} }

2
client/src/sass/include/_miniature.scss
View File

@ -69,7 +69,7 @@
} }
} }
&.focus-visible { &:focus-visible {
box-shadow: #{$focus-box-shadow-form} pvar(--mainColorLightest); box-shadow: #{$focus-box-shadow-form} pvar(--mainColorLightest);
outline: none; outline: none;
} }

6
client/src/sass/include/_mixins.scss
View File

@ -12,13 +12,13 @@
text-decoration: none !important; text-decoration: none !important;
} }
&:focus:not(.focus-visible) { &:focus:not(:focus-visible) {
outline: none !important; outline: none !important;
} }
} }
@mixin disable-outline { @mixin disable-outline {
&:focus:not(.focus-visible) { &:focus:not(:focus-visible) {
outline: none !important; outline: none !important;
} }
} }
@ -77,7 +77,7 @@
@mixin button-focus($color) { @mixin button-focus($color) {
&:focus, &:focus,
&.focus-visible { &:focus-visible {
box-shadow: #{$focus-box-shadow-form} $color; box-shadow: #{$focus-box-shadow-form} $color;
} }
} }

2
client/src/sass/player/peertube-skin.scss
View File

@ -65,7 +65,7 @@ body {
background-image: url('#{$assets-path}/player/images/big-play-button.svg'); background-image: url('#{$assets-path}/player/images/big-play-button.svg');
} }
&.focus-visible, &:focus-visible,
&:hover { &:hover {
background-color: var(--mainColor, #696969); background-color: var(--mainColor, #696969);
} }

4
client/src/sass/primeng-custom.scss
View File

@ -525,7 +525,7 @@ p-table {
} }
} }
&.focus-visible { &:focus-visible {
border: 1px solid pvar(--mainForegroundColor) !important border: 1px solid pvar(--mainForegroundColor) !important
} }
} }
@ -580,7 +580,7 @@ p-table {
background-color: pvar(--submenuBackgroundColor) !important; background-color: pvar(--submenuBackgroundColor) !important;
} }
&.p-sortable-column.focus-visible { &.p-sortable-column:focus-visible {
border: 1px solid pvar(--mainForegroundColor) !important border: 1px solid pvar(--mainForegroundColor) !important
} }