mirror of
https://github.com/Piwigo/Piwigo.git
synced 2026-08-06 16:53:34 +02:00
Fixes #1400 ViewSelector in DarkMode done
ViewSelector for Plugin Manager, User Manager and Album manager.
This commit is contained in:
@@ -97,7 +97,6 @@ jQuery(document).ready(function(){
|
|||||||
padding: 7px 0px;
|
padding: 7px 0px;
|
||||||
margin-right: 0px;
|
margin-right: 0px;
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
background: #fafafa !important;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.AlbumViewSelector span {
|
.AlbumViewSelector span {
|
||||||
@@ -126,15 +125,6 @@ jQuery(document).ready(function(){
|
|||||||
transition: 0.3s;
|
transition: 0.3s;
|
||||||
}
|
}
|
||||||
|
|
||||||
.AlbumViewSelector input:checked + label{
|
|
||||||
background: transparent;
|
|
||||||
color: white !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.AlbumViewSelector input:checked + label span{
|
|
||||||
background: orange;
|
|
||||||
}
|
|
||||||
|
|
||||||
.switchLayout {
|
.switchLayout {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
@@ -143,7 +133,6 @@ jQuery(document).ready(function(){
|
|||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.categoryContainer {
|
.categoryContainer {
|
||||||
padding: 0 20px 0 20px;
|
padding: 0 20px 0 20px;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -405,7 +405,6 @@ jQuery(".pluginMiniBox").each(function(index){
|
|||||||
padding: 0px;
|
padding: 0px;
|
||||||
margin-right: 0px;
|
margin-right: 0px;
|
||||||
border-radius: 7px;
|
border-radius: 7px;
|
||||||
{* background: #fafafa !important; *}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.AlbumViewSelector span {
|
.AlbumViewSelector span {
|
||||||
@@ -430,15 +429,6 @@ jQuery(".pluginMiniBox").each(function(index){
|
|||||||
transition: 0.3s;
|
transition: 0.3s;
|
||||||
}
|
}
|
||||||
|
|
||||||
.AlbumViewSelector input:checked + label{
|
|
||||||
background: transparent;
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
|
|
||||||
.AlbumViewSelector input:checked + label span{
|
|
||||||
background: orange;
|
|
||||||
}
|
|
||||||
|
|
||||||
.switchLayout {
|
.switchLayout {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -2077,7 +2077,6 @@ Advanced filter
|
|||||||
padding: 6px 0px;
|
padding: 6px 0px;
|
||||||
margin-right: 0px;
|
margin-right: 0px;
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
background: #fafafa !important;
|
|
||||||
|
|
||||||
position: absolute;
|
position: absolute;
|
||||||
z-index: 2;
|
z-index: 2;
|
||||||
@@ -2106,15 +2105,6 @@ Advanced filter
|
|||||||
transition: 0.3s;
|
transition: 0.3s;
|
||||||
}
|
}
|
||||||
|
|
||||||
.UserViewSelector input:checked + label{
|
|
||||||
background: transparent;
|
|
||||||
color: white !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.UserViewSelector input:checked + label span{
|
|
||||||
background: orange;
|
|
||||||
}
|
|
||||||
|
|
||||||
.switchLayout {
|
.switchLayout {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -4903,4 +4903,22 @@ li.plupload_delete a:hover {background: url("images/cancelhover.svg")!important;
|
|||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.doubleSelect p {display:flex; justify-content: center;}
|
.doubleSelect p {display:flex; justify-content: center;}
|
||||||
|
|
||||||
|
/* View selectors css (colors)*/
|
||||||
|
|
||||||
|
.AlbumViewSelector, .UserViewSelector {
|
||||||
|
background: #fafafa !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.AlbumViewSelector input:checked + label,
|
||||||
|
.UserViewSelector input:checked + label{
|
||||||
|
background: transparent;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.AlbumViewSelector input:checked + label span,
|
||||||
|
.UserViewSelector input:checked + label span{
|
||||||
|
background: orange;
|
||||||
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -277,8 +277,6 @@ a.stat-box:hover {
|
|||||||
|
|
||||||
#helpContent, #pLoaderPage, #ftpPage, #ftpPage LEGEND {color:#aaa;}
|
#helpContent, #pLoaderPage, #ftpPage, #ftpPage LEGEND {color:#aaa;}
|
||||||
|
|
||||||
.AlbumViewSelector {background: #555555;}
|
|
||||||
.AlbumViewSelector input:checked + label span {color: #999999;}
|
|
||||||
.pluginBox, .pluginContent, .pluginMiniBox, .groups li, .groups .GroupContainer {background-color:#333;color:#999;border-right-color:#333; box-shadow: none;}
|
.pluginBox, .pluginContent, .pluginMiniBox, .groups li, .groups .GroupContainer {background-color:#333;color:#999;border-right-color:#333; box-shadow: none;}
|
||||||
.pluginMiniBox {border-left: none;}
|
.pluginMiniBox {border-left: none;}
|
||||||
.pluginBoxNameCell, .pluginMiniBoxNameCell {color:#aaa;}
|
.pluginBoxNameCell, .pluginMiniBoxNameCell {color:#aaa;}
|
||||||
@@ -804,7 +802,6 @@ li.plupload_delete a:hover {background: url("images/cancelhover.svg")!important;
|
|||||||
.buttonSeparator {color: #c1c1c1;}
|
.buttonSeparator {color: #c1c1c1;}
|
||||||
#cboxTitle {color: #7f7f7f !important;}
|
#cboxTitle {color: #7f7f7f !important;}
|
||||||
#addAlbumForm {color: #999;}
|
#addAlbumForm {color: #999;}
|
||||||
.selectedAlbum span {background-color: #555; color: #999;}
|
|
||||||
#uploadForm li.plupload_droptext {background-color: #343434!important; color: #777 !important;}
|
#uploadForm li.plupload_droptext {background-color: #343434!important; color: #777 !important;}
|
||||||
.addFilesButtonChanged {background-color: #888;}
|
.addFilesButtonChanged {background-color: #888;}
|
||||||
.addFilesButtonChanged:hover {background-color: #777;}
|
.addFilesButtonChanged:hover {background-color: #777;}
|
||||||
@@ -1106,4 +1103,37 @@ li.plupload_delete a:hover {background: url("images/cancelhover.svg")!important;
|
|||||||
|
|
||||||
.move-cat-container .move-cat-toogler{
|
.move-cat-container .move-cat-toogler{
|
||||||
color:#ffa744;
|
color:#ffa744;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*Album view selector css*/
|
||||||
|
|
||||||
|
.AlbumViewSelector, .UserViewSelector {
|
||||||
|
background:#555 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.AlbumViewSelector input:checked + label,
|
||||||
|
.UserViewSelector input:checked + label{
|
||||||
|
background: transparent;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.AlbumViewSelector input:checked + label span,
|
||||||
|
.UserViewSelector input:checked + label span{
|
||||||
|
background: orange;
|
||||||
|
}
|
||||||
|
|
||||||
|
.AlbumViewSelector input:checked + label .icon-th-large,
|
||||||
|
.AlbumViewSelector input:checked + label .icon-th-list,
|
||||||
|
.AlbumViewSelector input:checked + label .icon-pause {
|
||||||
|
color: #444;
|
||||||
|
}
|
||||||
|
|
||||||
|
.UserViewSelector input:checked + label .icon-th-large,
|
||||||
|
.UserViewSelector input:checked + label .icon-th-list,
|
||||||
|
.UserViewSelector input:checked + label .icon-pause {
|
||||||
|
color: #444;
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-th-large, .icon-th-list, .icon-pause {
|
||||||
|
color: #c1c1c1;
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user