Added search

This commit is contained in:
2017-09-22 23:36:43 +02:00
parent 43f350f5d7
commit e99f8e36e5
5 changed files with 45 additions and 35 deletions

View File

@ -4,8 +4,8 @@ remove-margin = 1.1rem
// Put navigation to the bottom of the screen
flex-direction column-reverse !important
.extension-navigation
display inline-block
// .extension-navigation
// display inline-block
.anime-list
// max-width 500px

View File

@ -19,7 +19,6 @@ input, textarea, select
ui-disabled
input, select
width 100%
padding 0.5rem 1rem
input

View File

@ -42,45 +42,53 @@
display none
#search
flex 1
border-radius 0
background transparent
border none
color nav-link-hover-color
font-size 1em
min-width 0
padding 0
width 0
flex-grow 1
::placeholder
color nav-link-color
// #search
// flex 1
// border-radius 0
// background transparent
// border none
// color nav-link-hover-color
// font-size 1em
// min-width 0
:focus
border none
box-shadow none
// ::placeholder
// color nav-link-color
.extra-navigation
display none
// :focus
// border none
// box-shadow none
.extension-navigation
display none
// .extra-navigation
// display none
> 330px
.navigation-button, #search
font-size 1.3em
// .extension-navigation
// display none
// > 330px
// .navigation-button, #search
// font-size 1.3em
// > 550px
// #navigation
// padding 0 content-padding
> 930px
.navigation-button, #search
font-size 1.2em
// > 930px
// .navigation-button, #search
// font-size 1.2em
#navigation
justify-content flex-start
// #navigation
// justify-content flex-start
.extra-navigation
display block
// .extra-navigation
// display block
// @media screen and (max-device-height: 500px)
// #navigation