ViMaSter/hackertours-theme
Watch
0
0
Fork
You've already forked hackertours-theme
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix issue where logo and mobil menu button touch targets overlap.

Browse source
This commit is contained in:
Fredrik Jonsson 2023-02-24 10:43:41 +01:00
commit f8857ed623
3 changed files with 9 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

2
assets/sass/_colors.scss
View file

@ -51,7 +51,7 @@ $colors: (
autocomplete-select-bg: $blue, autocomplete-select-bg: $blue,
body-bg: $white, body-bg: $white,
header-bg: $brand, header-bg: $white,
backdrop: $grey-extra-light, backdrop: $grey-extra-light,
mobile-menu: $brand, mobile-menu: $brand,

15
assets/sass/components/header/_header.scss
View file

@ -2,19 +2,18 @@
.header, .header,
%header { %header {
display: flex;
flex-direction: column;
gap: var(--gutters);
background-color: var(--color-header-bg);
@include respond-to(s) { @include respond-to(s) {
display: flex; flex-direction: row;
} }
// Wrapping link for logo. // Wrapping link for logo.
&__logo { &__logo {
@include respond-to(s) { width: fit-content;
margin: 0 var(--gutters) 0 0;
@include rtl() {
margin: 0 0 0 var(--gutters);
}
}
} }
// Logo image. // Logo image.

2
assets/sass/mobile.scss
View file

@ -56,7 +56,7 @@
right: var(--gutters); right: var(--gutters);
margin: 0; margin: 0;
font-weight: var(--fw-bold); font-weight: var(--fw-bold);
background-color: transparent; background-color: var(--color-text-bg);
color: var(--color-text); color: var(--color-text);
z-index: 22; z-index: 22;
border: 1px solid var(--color-border); border: 1px solid var(--color-border);