Skirda/LiveAtlas
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Various styling fixes

Browse Source
This commit is contained in:
James Lyne 2021-05-25 20:38:51 +01:00
parent af8292f872
commit 0841640e76
4 changed files with 11 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/components/Sidebar.vue
View File

@ -176,6 +176,7 @@ export default defineComponent({
box-sizing: border-box; box-sizing: border-box;
width: 100%; width: 100%;
max-width: 23rem; max-width: 23rem;
flex: 0 0 auto;
.section__heading { .section__heading {
font-size: 2rem; font-size: 2rem;

6
src/scss/_mixins.scss
View File

@ -2,7 +2,11 @@
Adds styles for both :focus-visible and .focus-visible for maximum browser support. Adds styles for both :focus-visible and .focus-visible for maximum browser support.
*/ */
@mixin focus() { @mixin focus() {
&:focus-visible, &.focus-visible { &:focus-visible {
@content;
}
&.focus-visible {
@content; @content;
} }
} }

3
src/scss/leaflet/_controls.scss
View File

@ -203,7 +203,7 @@
.leaflet-control { .leaflet-control {
order: 2; order: 2;
min-width: 5rem; min-width: 5rem;
margin-top: 1rem; margin-bottom: 1rem;
&:first-child { &:first-child {
margin-top: 0; margin-top: 0;
@ -232,7 +232,6 @@
.leaflet-control-logo { .leaflet-control-logo {
order: 1; order: 1;
margin-bottom: 1rem;
margin-top: 0 !important; margin-top: 0 !important;
& + .leaflet-control-logo { & + .leaflet-control-logo {

4
src/scss/style.scss
View File

@ -86,6 +86,10 @@ input {
} }
} }
.js-focus-visible :focus:not(.focus-visible) {
outline: none;
}
.focus-mover { .focus-mover {
clip: rect(1px, 1px, 1px, 1px); clip: rect(1px, 1px, 1px, 1px);
position: absolute; position: absolute;