adam/Piwigo
1
0
Fork 0
mirror of https://github.com/Piwigo/Piwigo.git synced 2026-08-11 11:13:02 +02:00
Code Issues Packages Projects Releases Wiki Activity

Issue #1193 : Add a pagination to the tag manager and fix design on dropdown

Browse Source
This commit is contained in:
Zacharie
2020-06-26 14:59:45 +02:00
committed by plegall
parent 5462e8ab75
commit 14cd4d3990
5 changed files with 367 additions and 139 deletions
Download Patch File Download Diff File Expand all files Collapse all files
admin/themes/default/theme.css
+68 -27
View File
@@ -287,10 +287,14 @@ TABLE.doubleSelect SELECT.categoryList {
z-index: 2;
padding: 5px 0px;
border-radius: 10px;
background: linear-gradient(151.2deg, rgb(255, 31, 30) 0%, rgb(247, 104, 58) 32%, rgb(255, 166, 70) 100%);
background: linear-gradient(130deg, #ff7700 0%, #ffa744 100%);
color: white;
}
.dropdown-content {
position: relative;
}
.dropdown-option {
white-space: nowrap;
display: block;
@@ -3532,27 +3536,7 @@ li.plupload_delete a:hover {background: url("images/cancelhover.svg")!important;
position: absolute;
right: 0;
top: 25px;
z-index: 2;
padding: 5px 0px;
border-radius: 10px;
transform: translateX(85%);
background: linear-gradient(151.2deg, rgb(255, 31, 30) 0%, rgb(247, 104, 58) 32%, rgb(255, 166, 70) 100%);
color: white;
}
.tag-container .tag-box .tag-dropdown-block .tag-dropdown-action {
white-space: nowrap;
text-align: initial;
padding: 5px 10px;
font-size: 13px;
padding-right: 15px;
color: white;
font-weight: bold;
}
.tag-container .tag-box .tag-dropdown-block .tag-dropdown-action:hover {
text-decoration: none;
background-color: #ffffff4f;
}
.tag-container .tag-box .tag-dropdown-block .tag-dropdown-header {
@@ -3689,11 +3673,68 @@ li.plupload_delete a:hover {background: url("images/cancelhover.svg")!important;
font-weight: bold;
}
.moreTagMessage {
.tag-pagination {
margin: auto;
font-weight: bold;
padding-right: 223px;
margin: 10px;
font-size: 16px;
opacity: 0.5;
height: 40px;
margin-bottom: 20px;
display: flex;
align-items: center;
justify-content: center;
margin-right: 223px;
}
.tag-pagination-container {
display: flex;
}
.tag-pagination-container label {
background-color: #ffa74496;
width: 15px;
height: 15px;
display: block;
margin: 5px;
border-radius: 10px;
transition: 0.3s ease;
}
.tag-pagination-container label:hover {
background-color: #ffa844;
}
.tag-pagination-container input:checked + label {
background-color: #ff7700;
width: 30px;
}
.tag-pagination-container input {
display: none;
}
.tag-pagination-arrow {
font-size: 14px;
cursor: pointer;
display: flex;
align-items: center;
margin: 5px;
}
.tag-pagination-arrow.unavailable {
pointer-events: none;
opacity: 0.6;
}
.tag-pagination-arrow:hover {
color: #ffa744;
}
.tag-pagination-arrow span {
font-size: 20px;
}
.tag-pagination-arrow.rigth span {
-moz-transform: scale(-1, 1);
-webkit-transform: scale(-1, 1);
-o-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
transform: scale(-1, 1);
}