Skip to content
GitLab
Menu
Projects
Groups
Snippets
Loading...
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
Menu
Open sidebar
SRCT
whats-open-web
Commits
04151bbf
Commit
04151bbf
authored
Mar 11, 2018
by
Andrew Hrdy
Browse files
Clear search button fixed on mobile.
Closes
#39
parent
6bff3232
Pipeline
#2189
passed with stages
in 1 minute and 53 seconds
Changes
1
Pipelines
1
Hide whitespace changes
Inline
Side-by-side
src/styles/containers/searchBar.scss
View file @
04151bbf
...
...
@@ -41,17 +41,10 @@
}
.search-bar-campus-control
{
// margin-right: 8px !important;
width
:
150px
;
justify-content
:
center
;
}
.search-bar-has-value
{
.search-bar-close-btn
{
display
:
inline-flex
!
important
;
}
}
@media
screen
and
(
min-width
:
map-get
(
$breakpoints
,
lg
))
{
.search-bar-paper-background
{
&
.search-bar-focus
{
...
...
@@ -64,6 +57,12 @@
.search-bar-input
{
transition
:
ease-in-out
width
250ms
;
}
.search-bar-has-value
{
.search-bar-close-btn
{
display
:
inline-flex
!
important
;
}
}
}
@media
screen
and
(
max-width
:
map-get
(
$breakpoints
,
lg
)
-
1px
)
{
...
...
@@ -76,9 +75,10 @@
width
:
100%
!
important
;
}
}
.hide-search-input
{
display
:
none
!
important
;
}
}
.search-bar-input
{
width
:
0
!
important
;
}
...
...
@@ -87,7 +87,17 @@
display
:
none
!
important
;
}
.search-bar-close-btn
{
display
:
none
!
important
;
}
.search-bar-mobile-open
{
&
.search-bar-has-value
{
.search-bar-close-btn
{
display
:
inline-flex
!
important
;
}
}
.search-bar-input
{
width
:
100%
!
important
;
}
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
.
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment