Jerry/cyp
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

search flex

Browse source
This commit is contained in:
Ondrej Zara 2019-04-01 13:28:10 +02:00
parent 5dccd9d849
commit 2a11e6f886
2 changed files with 4 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
app/app.css
View file

@ -525,9 +525,7 @@ nav ul li.active {
.search { .search {
display: flex; display: flex;
align-items: center; align-items: center;
max-width: 50%;
margin-left: auto; margin-left: auto;
transition: all 300ms;
} }
.search .icon { .search .icon {
width: 32px; width: 32px;
@ -538,15 +536,12 @@ nav ul li.active {
color: inherit; color: inherit;
background-color: inherit; background-color: inherit;
border-bottom: 1px solid var(--fg); border-bottom: 1px solid var(--fg);
xtransition: all 300ms; transition: all 300ms;
width: 0; width: 0;
padding: 0; padding: 0;
} }
.search.open {
flex-grow: 1;
}
.search.open input { .search.open input {
flex-grow: 1; width: 10vw;
} }
.art { .art {
margin-right: var(--icon-spacing); margin-right: var(--icon-spacing);

7
app/css/search.less
View file

@ -1,9 +1,7 @@
.search { .search {
display: flex; display: flex;
align-items: center; align-items: center;
max-width: 50%;
margin-left: auto; margin-left: auto;
transition: all 300ms;
.icon { .icon {
width: 32px; width: 32px;
@ -15,15 +13,14 @@
color: inherit; color: inherit;
background-color: inherit; background-color: inherit;
border-bottom: 1px solid var(--fg); border-bottom: 1px solid var(--fg);
xtransition: all 300ms; transition: all 300ms;
width: 0; width: 0;
padding: 0; padding: 0;
} }
&.open { &.open {
flex-grow: 1;
input { input {
flex-grow: 1; width: 10vw;
} }
} }
} }