bigbuffet/pleroma
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Merge branch 'styles' into 'develop'

Browse source 
Improve search input styles on aliases/list editor pages

See merge request soapbox-pub/soapbox-fe!833
This commit is contained in:
Alex Gleason 2021-10-31 21:06:54 +00:00
commit 21a5c3215a
6 changed files with 12 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
app/soapbox/features/aliases/components/search.js
View file

Binary file not shown.

BIN
app/soapbox/features/list_editor/components/search.js
View file

Binary file not shown.

11
app/styles/components/aliases.scss
View file

@ -18,24 +18,21 @@
}
}
&_search {
&_search.search {
display: flex;
align-items: center;
flex-direction: row;
margin: 10px;
border-bottom: none;
.search__input {
padding: 7px 30px 6px 10px;
background: none;
}
> label {
flex: 1 1;
}
> .search__icon .fa {
top: 8px;
right: 102px !important;
}
> .button {
width: 80px;
margin-left: 10px;

4
app/styles/components/filters.scss
View file

@ -97,4 +97,8 @@
}
}
}
.simple_form select {
margin-top: 0;
}
}

4
app/styles/components/list-forms.scss
View file

@ -39,8 +39,8 @@
flex: 1 1;
}
> .search__icon .fa {
right: 102px !important;
> .search__icon {
position: relative;
}
> .button {

4
app/styles/components/search.scss
View file

@ -183,8 +183,8 @@
padding: 12px 36px 12px 16px;
}
.search__icon .svg-icon {
right: 24px;
.search__icon {
position: relative;
}
}