Fix search close btn and other css fixes as need after upgrading to ArchitectUI v4
This commit is contained in:
@@ -3,10 +3,23 @@
|
||||
// If you want the anchor version, it requires `href="#"`.
|
||||
// See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile
|
||||
|
||||
.header-text-dark * .btn-close {
|
||||
--#{$prefix}btn-close-color: #{$btn-close-color-dark};
|
||||
--#{$prefix}btn-close-bg: #{ escape-svg($btn-close-bg-dark) };
|
||||
}
|
||||
.header-text-light *.btn-close {
|
||||
--#{$prefix}btn-close-color: #{$btn-close-color-light};
|
||||
--#{$prefix}btn-close-bg: #{ escape-svg($btn-close-bg-light) };
|
||||
}
|
||||
|
||||
.btn-close {
|
||||
// scss-docs-start close-css-vars
|
||||
--#{$prefix}btn-close-color: #{$btn-close-color};
|
||||
--#{$prefix}btn-close-bg: #{ escape-svg($btn-close-bg) };
|
||||
--#{$prefix}btn-close-color-light: #{$btn-close-color-light};
|
||||
--#{$prefix}btn-close-bg-light: #{ escape-svg($btn-close-bg-light) };
|
||||
--#{$prefix}btn-close-color-dark: #{$btn-close-color-dark};
|
||||
--#{$prefix}btn-close-bg-dark: #{ escape-svg($btn-close-bg-dark) };
|
||||
--#{$prefix}btn-close-opacity: #{$btn-close-opacity};
|
||||
--#{$prefix}btn-close-hover-opacity: #{$btn-close-hover-opacity};
|
||||
--#{$prefix}btn-close-focus-shadow: #{$btn-close-focus-shadow};
|
||||
|
@@ -1705,6 +1705,10 @@ $btn-close-padding-x: .25em !default;
|
||||
$btn-close-padding-y: $btn-close-padding-x !default;
|
||||
$btn-close-color: $black !default;
|
||||
$btn-close-bg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$btn-close-color}'><path d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/></svg>") !default;
|
||||
$btn-close-color-dark: $black !default;
|
||||
$btn-close-color-light: $gray-100 !default;
|
||||
$btn-close-bg-dark: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$btn-close-color-dark}'><path d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/></svg>") !default;
|
||||
$btn-close-bg-light: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$btn-close-color-light}'><path d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/></svg>") !default;
|
||||
$btn-close-focus-shadow: $focus-ring-box-shadow !default;
|
||||
$btn-close-opacity: .5 !default;
|
||||
$btn-close-hover-opacity: .75 !default;
|
||||
|
@@ -26,20 +26,6 @@
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.header-menu {
|
||||
.nav-link {
|
||||
color: $gray-600;
|
||||
|
||||
i {
|
||||
color: $gray-500;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color: $gray-900;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.app-header-right {
|
||||
align-items: center;
|
||||
display: flex;
|
||||
|
@@ -114,14 +114,6 @@
|
||||
}
|
||||
}
|
||||
|
||||
.app-header__mobile-menu {
|
||||
.hamburger-inner,
|
||||
.hamburger-inner::before,
|
||||
.hamburger-inner::after {
|
||||
background: $gray-800;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
@@ -128,7 +128,7 @@
|
||||
.hamburger-inner,
|
||||
.hamburger-inner::before,
|
||||
.hamburger-inner::after {
|
||||
background: $gray-800;
|
||||
background: rgba(0, 0, 0, .8);
|
||||
}
|
||||
}
|
||||
|
||||
|
@@ -173,6 +173,7 @@
|
||||
& > .btn {
|
||||
background: rgba(255, 255, 255, .1);
|
||||
border-color: rgba(255, 255, 255, .1);
|
||||
color: rgba(0, 0, 0, .9);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -448,4 +449,4 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
Reference in New Issue
Block a user