mirrors/Piwigo
1
0
Fork 0
mirror of https://github.com/Piwigo/Piwigo.git synced 2025-04-26 19:29:58 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

issue #2028 update search css

Browse source 
minor changes to default theme css for search
minor changes to dark and clear colors
This commit is contained in:
HWFord 2023-11-03 16:29:07 +01:00
parent cfe34cc071
commit 4208c8ebbc
3 changed files with 63 additions and 19 deletions
Download patch file Download diff file Expand all files Collapse all files

17
themes/default/css/clear-search.css
View file

@ -1,4 +1,4 @@
/* Search default clear colros */
/* Search default clear colors */
.filter .filter-icon {
color: #474747;
}
@ -255,3 +255,18 @@
.filter-added_by-form .selectize-dropdown .option.active {
background: #ccc;
}
.search-input{
padding:10px;
margin-bottom:10px;
}
.search-input::placeholder{
color: #ccc;
}
.filter-tag-form .selectize-control.multi .selectize-input > div .remove,
.filter-author-form .selectize-control.multi .selectize-input > div .remove,
.filter-added_by-form .selectize-control.multi .selectize-input > div .remove {
color:#000;
}

41
themes/default/css/dark-search.css
View file

@ -73,7 +73,7 @@
}
.mcs-container .filter {
border: 1px solid #aeaeae;
border: 2px solid #444;
color:#aeaeae;
}
@ -93,7 +93,7 @@
.mcs-container .filter-filled {
background: #ff7700bb;
border: 1px solid #ffeacf !important;
border: none!important;
color: #ffeacf!important;
}
@ -113,13 +113,13 @@
.filetypes-option:nth-child(odd),
.added_by-option:nth-child(odd),
.date_posted-option:nth-child(odd) label {
background: #f3f3f3;
background: #444;
}
.filetypes-option label .checked-icon,
.added_by-option label .checked-icon,
.date_posted-option label .checked-icon{
color: #ff7700bb;
color: white;
}
.filetypes-option label .ext-badge,
@ -129,23 +129,21 @@
color: white;
}
.filetypes-option input:checked + label {
background: #fff5e8;
}
.added_by-option input:checked + label,
.filetypes-option input:checked + label,
.date_posted-option input:checked + label {
background: rgba(244, 171, 79, 0.17);
}
.head-button-2 {
color: #777;
background: #fafafa;
background: #222;
box-shadow: 0px 2px #00000024;
}
.head-button-2:hover {
background: #eee;
color: #555 !important;
background: #000;
color: #777 !important;
}
.breadcrumb-item {
@ -173,11 +171,11 @@
}
.linkedAlbumPopInContainer {
background-color: white;
background-color: #555;
}
.ClosePopIn {
color: white;
color: #777;
}
.search-result-item {
@ -221,6 +219,7 @@
.filter-author-form .selectize-input input,
.filter-added_by-form .selectize-input input {
color: #ccc ;
background: #555;
}
.filter-tag-form .selectize-input input::placeholder,
@ -243,7 +242,7 @@
.filter-tag-form .selectize-dropdown,
.filter-author-form .selectize-dropdown,
.filter-added_by-form .selectize-dropdown {
background: #eee;
background: #555;
}
.filter-tag-form .selectize-dropdown .option.active,
@ -255,3 +254,17 @@
.filter-tag-form .selectize-dropdown .selectize-dropdown-content{
background-color: #444;
}
.search-input{
background: #555;
}
.search-input::placeholder{
color: #ccc;
}
.filter-tag-form .selectize-control.multi .selectize-input > div .remove,
.filter-author-form .selectize-control.multi .selectize-input > div .remove,
.filter-added_by-form .selectize-control.multi .selectize-input > div .remove {
color:#000;
}

22
themes/default/css/search.css
View file

@ -146,6 +146,7 @@
align-items: center;
flex-wrap: wrap;
margin: 0 15px;
margin-top:15px
}
.filter-manager,
@ -335,11 +336,14 @@
margin: 5px;
}
.filetypes-option label .ext-name {
text-transform: uppercase;
}
.filetypes-option label .ext-name,
.added_by-option label .added_by-name,
.date_posted-option label .date-period {
margin-left: 30px;
text-transform: uppercase;
}
.added_by-option label .added_by-name{
@ -392,7 +396,7 @@
}
.head-button-2 p {
margin: 0;
margin: 0!important;
white-space: nowrap;
}
@ -629,6 +633,13 @@
height: 16px;
padding: 0;
height: 26px;
border:none;
}
.filter-author-form .selectize-input input:focus-visible,
.filter-added_by-form .selectize-input input:focus-visible,
.filter-tag-form .selectize-input input:focus-visible{
border:none;
outline:none!important;
}
.filter-tag-form .selectize-control.multi .selectize-input > div,
@ -655,7 +666,7 @@
.filter-tag-form .selectize-dropdown,
.filter-author-form .selectize-dropdown,
.filter-added_by-form .selectize-dropdown {
padding: 0;
padding: 5px;;
max-height: 100px;
overflow-y: scroll;
position: absolute;
@ -704,3 +715,8 @@
.section-search .sticky-top{
z-index: 10!important;
}
.search-input{
padding:10px;
margin-bottom:10px;
}