Friendica/bookface
1
0
Fork 1
mirror of https://gitlab.com/randompenguin/bookface.git synced 2025-06-07 11:04:27 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

"Save Search" buttons styled

Browse source
This commit is contained in:
Random Penguin 2025-01-25 02:58:26 +00:00
parent 683c4c06a4
commit 5294d68dec
1 changed files with 58 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

58
bookface_light.css
View file

@ -320,6 +320,52 @@
border-radius: 8px !important; border-radius: 8px !important;
margin-bottom: 10px !important; margin-bottom: 10px !important;
} }
/* SEARCH RESULTS */
#search-save {
background-color: var(--link-color) !important;
color: white !important;
border-radius: 8px !important;
padding: 6px 8px !important;
}
#search-save:hover,
#search-save:focus {
box-shadow: inset 0 0 100px rgba(0,0,0,.1) !important;
}
#search-save .fa-plus::before{
content: '\f292' !important;
}
#search-save .fa-floppy-o::before {
content: '\f00e' !important;
}
#search-save .fa-floppy-o::before,
#search-save .fa-plus::before {
display: inline-block;
margin-top: 2px;
}
#search-save .fa-floppy-o::after,
#search-save .fa-plus::after{
content: 'Save Search';
font-family: 'Open Sans', Arial, sans-serif;
font-size: 15px;
float: left;
margin-right: 10px;
line-height: 32px;
position: relative;
display: block;
top: -2px;
font-weight: 700;
}
#search-save .fa-floppy-o::after {
content: 'Save Search';
}
#search-save .fa-plus::before {
display: inline-block;
margin-top: 2px;
}
#search-save .fa-plus::after {
content: 'Follow Tag';
}
/* sidebar widgets */ /* sidebar widgets */
aside .widget, aside .widget,
.nav-container .widget { .nav-container .widget {
@ -780,6 +826,9 @@
#search-box { #search-box {
width: 18% !important; width: 18% !important;
} }
#search-save {
width: 140px !important;
}
} }
@media screen and (max-width: 991px){ @media screen and (max-width: 991px){
#search-box { #search-box {
@ -811,4 +860,13 @@
left: 10% !important; left: 10% !important;
margin-left: 0!important; margin-left: 0!important;
} }
#search-save {
width: 100px !important;
}
#search-save .fa-plus::after {
content: 'Follow';
}
#search-save .fa-floppy-o::after {
content: 'Save';
}
} }