Skip to content

Commit

Permalink
Scrollbar | Add missing focus-visible styles
Browse files Browse the repository at this point in the history
  • Loading branch information
@cetincakiroglu
cetincakiroglu committed Jan 4, 2024
1 parent a632017 commit 4690630
Show file tree
Hide file tree
Showing 48 changed files with 288 additions and 0 deletions.
6 changes: 6 additions & 0 deletions src/assets/components/themes/arya-blue/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4224,6 +4224,12 @@
.p-scrollpanel .p-scrollpanel-bar {
background: #383838;
border: 0 none;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-scrollpanel .p-scrollpanel-bar:focus-visible {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #93cbf9;
}

.p-splitter {
Expand Down
6 changes: 6 additions & 0 deletions src/assets/components/themes/arya-green/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4224,6 +4224,12 @@
.p-scrollpanel .p-scrollpanel-bar {
background: #383838;
border: 0 none;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-scrollpanel .p-scrollpanel-bar:focus-visible {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #a7d8a9;
}

.p-splitter {
Expand Down
6 changes: 6 additions & 0 deletions src/assets/components/themes/arya-orange/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4224,6 +4224,12 @@
.p-scrollpanel .p-scrollpanel-bar {
background: #383838;
border: 0 none;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-scrollpanel .p-scrollpanel-bar:focus-visible {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #ffe284;
}

.p-splitter {
Expand Down
6 changes: 6 additions & 0 deletions src/assets/components/themes/arya-purple/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4224,6 +4224,12 @@
.p-scrollpanel .p-scrollpanel-bar {
background: #383838;
border: 0 none;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-scrollpanel .p-scrollpanel-bar:focus-visible {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #cf95d9;
}

.p-splitter {
Expand Down
6 changes: 6 additions & 0 deletions src/assets/components/themes/bootstrap4-dark-blue/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4236,6 +4236,12 @@
.p-scrollpanel .p-scrollpanel-bar {
background: #3f4b5b;
border: 0 none;
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
}
.p-scrollpanel .p-scrollpanel-bar:focus-visible {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #e3f3fe;
}

.p-splitter {
Expand Down
6 changes: 6 additions & 0 deletions src/assets/components/themes/bootstrap4-dark-purple/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4236,6 +4236,12 @@
.p-scrollpanel .p-scrollpanel-bar {
background: #3f4b5b;
border: 0 none;
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
}
.p-scrollpanel .p-scrollpanel-bar:focus-visible {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #f0e6f5;
}

.p-splitter {
Expand Down
6 changes: 6 additions & 0 deletions src/assets/components/themes/bootstrap4-light-blue/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4236,6 +4236,12 @@
.p-scrollpanel .p-scrollpanel-bar {
background: #efefef;
border: 0 none;
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
}
.p-scrollpanel .p-scrollpanel-bar:focus-visible {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

.p-splitter {
Expand Down
6 changes: 6 additions & 0 deletions src/assets/components/themes/bootstrap4-light-purple/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4236,6 +4236,12 @@
.p-scrollpanel .p-scrollpanel-bar {
background: #efefef;
border: 0 none;
transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
}
.p-scrollpanel .p-scrollpanel-bar:focus-visible {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
}

.p-splitter {
Expand Down
6 changes: 6 additions & 0 deletions src/assets/components/themes/fluent-light/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4200,6 +4200,12 @@
.p-scrollpanel .p-scrollpanel-bar {
background: #f3f2f1;
border: 0 none;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-scrollpanel .p-scrollpanel-bar:focus-visible {
outline: 0 none;
outline-offset: 0;
box-shadow: inset 0 0 0 1px #605e5c;
}

.p-splitter {
Expand Down
6 changes: 6 additions & 0 deletions src/assets/components/themes/lara-dark-blue/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4217,6 +4217,12 @@
.p-scrollpanel .p-scrollpanel-bar {
background: #424b57;
border: 0 none;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-scrollpanel .p-scrollpanel-bar:focus-visible {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2);
}

.p-splitter {
Expand Down
6 changes: 6 additions & 0 deletions src/assets/components/themes/lara-dark-indigo/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4217,6 +4217,12 @@
.p-scrollpanel .p-scrollpanel-bar {
background: #424b57;
border: 0 none;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-scrollpanel .p-scrollpanel-bar:focus-visible {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2);
}

.p-splitter {
Expand Down
6 changes: 6 additions & 0 deletions src/assets/components/themes/lara-dark-purple/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4217,6 +4217,12 @@
.p-scrollpanel .p-scrollpanel-bar {
background: #424b57;
border: 0 none;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-scrollpanel .p-scrollpanel-bar:focus-visible {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2);
}

.p-splitter {
Expand Down
6 changes: 6 additions & 0 deletions src/assets/components/themes/lara-dark-teal/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4217,6 +4217,12 @@
.p-scrollpanel .p-scrollpanel-bar {
background: #424b57;
border: 0 none;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-scrollpanel .p-scrollpanel-bar:focus-visible {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2);
}

.p-splitter {
Expand Down
6 changes: 6 additions & 0 deletions src/assets/components/themes/lara-light-blue/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4217,6 +4217,12 @@
.p-scrollpanel .p-scrollpanel-bar {
background: #f9fafb;
border: 0 none;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-scrollpanel .p-scrollpanel-bar:focus-visible {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #BFDBFE;
}

.p-splitter {
Expand Down
6 changes: 6 additions & 0 deletions src/assets/components/themes/lara-light-indigo/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4217,6 +4217,12 @@
.p-scrollpanel .p-scrollpanel-bar {
background: #f9fafb;
border: 0 none;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-scrollpanel .p-scrollpanel-bar:focus-visible {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #C7D2FE;
}

.p-splitter {
Expand Down
6 changes: 6 additions & 0 deletions src/assets/components/themes/lara-light-purple/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4217,6 +4217,12 @@
.p-scrollpanel .p-scrollpanel-bar {
background: #f9fafb;
border: 0 none;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-scrollpanel .p-scrollpanel-bar:focus-visible {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #DDD6FE;
}

.p-splitter {
Expand Down
6 changes: 6 additions & 0 deletions src/assets/components/themes/lara-light-teal/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4217,6 +4217,12 @@
.p-scrollpanel .p-scrollpanel-bar {
background: #f9fafb;
border: 0 none;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-scrollpanel .p-scrollpanel-bar:focus-visible {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #99f6e4;
}

.p-splitter {
Expand Down
6 changes: 6 additions & 0 deletions src/assets/components/themes/luna-amber/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4212,6 +4212,12 @@
.p-scrollpanel .p-scrollpanel-bar {
background: #3f3f3f;
border: 0 none;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-scrollpanel .p-scrollpanel-bar:focus-visible {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.1rem white;
}

.p-splitter {
Expand Down
6 changes: 6 additions & 0 deletions src/assets/components/themes/luna-blue/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4212,6 +4212,12 @@
.p-scrollpanel .p-scrollpanel-bar {
background: #3f3f3f;
border: 0 none;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-scrollpanel .p-scrollpanel-bar:focus-visible {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.1rem white;
}

.p-splitter {
Expand Down
6 changes: 6 additions & 0 deletions src/assets/components/themes/luna-green/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4212,6 +4212,12 @@
.p-scrollpanel .p-scrollpanel-bar {
background: #3f3f3f;
border: 0 none;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-scrollpanel .p-scrollpanel-bar:focus-visible {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.1rem white;
}

.p-splitter {
Expand Down
6 changes: 6 additions & 0 deletions src/assets/components/themes/luna-pink/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4212,6 +4212,12 @@
.p-scrollpanel .p-scrollpanel-bar {
background: #3f3f3f;
border: 0 none;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-scrollpanel .p-scrollpanel-bar:focus-visible {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.1rem white;
}

.p-splitter {
Expand Down
6 changes: 6 additions & 0 deletions src/assets/components/themes/md-dark-deeppurple/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4247,6 +4247,12 @@
.p-scrollpanel .p-scrollpanel-bar {
background: rgba(255, 255, 255, 0.12);
border: 0 none;
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
}
.p-scrollpanel .p-scrollpanel-bar:focus-visible {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
}

.p-splitter {
Expand Down
6 changes: 6 additions & 0 deletions src/assets/components/themes/md-dark-indigo/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4247,6 +4247,12 @@
.p-scrollpanel .p-scrollpanel-bar {
background: rgba(255, 255, 255, 0.12);
border: 0 none;
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
}
.p-scrollpanel .p-scrollpanel-bar:focus-visible {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
}

.p-splitter {
Expand Down
6 changes: 6 additions & 0 deletions src/assets/components/themes/md-light-deeppurple/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4247,6 +4247,12 @@
.p-scrollpanel .p-scrollpanel-bar {
background: rgba(0, 0, 0, 0.12);
border: 0 none;
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
}
.p-scrollpanel .p-scrollpanel-bar:focus-visible {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
}

.p-splitter {
Expand Down
6 changes: 6 additions & 0 deletions src/assets/components/themes/md-light-indigo/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4247,6 +4247,12 @@
.p-scrollpanel .p-scrollpanel-bar {
background: rgba(0, 0, 0, 0.12);
border: 0 none;
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
}
.p-scrollpanel .p-scrollpanel-bar:focus-visible {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
}

.p-splitter {
Expand Down
6 changes: 6 additions & 0 deletions src/assets/components/themes/mdc-dark-deeppurple/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4247,6 +4247,12 @@
.p-scrollpanel .p-scrollpanel-bar {
background: rgba(255, 255, 255, 0.12);
border: 0 none;
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
}
.p-scrollpanel .p-scrollpanel-bar:focus-visible {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
}

.p-splitter {
Expand Down
6 changes: 6 additions & 0 deletions src/assets/components/themes/mdc-dark-indigo/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4247,6 +4247,12 @@
.p-scrollpanel .p-scrollpanel-bar {
background: rgba(255, 255, 255, 0.12);
border: 0 none;
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
}
.p-scrollpanel .p-scrollpanel-bar:focus-visible {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
}

.p-splitter {
Expand Down
6 changes: 6 additions & 0 deletions src/assets/components/themes/mdc-light-deeppurple/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4247,6 +4247,12 @@
.p-scrollpanel .p-scrollpanel-bar {
background: rgba(0, 0, 0, 0.12);
border: 0 none;
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
}
.p-scrollpanel .p-scrollpanel-bar:focus-visible {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
}

.p-splitter {
Expand Down
6 changes: 6 additions & 0 deletions src/assets/components/themes/mdc-light-indigo/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4247,6 +4247,12 @@
.p-scrollpanel .p-scrollpanel-bar {
background: rgba(0, 0, 0, 0.12);
border: 0 none;
transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
}
.p-scrollpanel .p-scrollpanel-bar:focus-visible {
outline: 0 none;
outline-offset: 0;
box-shadow: none;
}

.p-splitter {
Expand Down
6 changes: 6 additions & 0 deletions src/assets/components/themes/mira/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4250,6 +4250,12 @@
.p-scrollpanel .p-scrollpanel-bar {
background: #eceff4;
border: 0 none;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-scrollpanel .p-scrollpanel-bar:focus-visible {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #c0d0e0;
}

.p-splitter {
Expand Down
Loading

0 comments on commit 4690630

Please sign in to comment.