adam/Piwigo
1
0
Fork 0
mirror of https://github.com/Piwigo/Piwigo.git synced 2026-06-02 04:15:05 +02:00
Code Issues Packages Projects Releases Wiki Activity

fixes #2414 change related tags display

Browse Source 
Add conf to display or not the related tag options by default
Add templates and css for new display
This commit is contained in:
HWFord
2025-10-03 15:43:29 +02:00
committed by GitHub
parent f930b6b524
commit b682fd0cd3
13 changed files with 332 additions and 109 deletions
Download Patch File Download Diff File Expand all files Collapse all files
themes/default/theme.css
+94 -11
View File
@@ -840,19 +840,12 @@ LEGEND {
padding: 0px 5px !important;
}
#TagsGroupRemoveTag span,
#TagsGroupRemoveTag i{
display:none;
}
/* Search in this set button CSS,
Needs to be loaded herre because we don't use it on the search pages but on other pages
Needs to be loaded here because we don't use it on the search pages but on other pages
it won't be loaded if it goes in the search specific css
because of this it needs to specifically be added to each theme */
.mcs-side-results.search-in-set-button {
/* margin-top:-15px; */
margin-bottom: 30px;
}
/*the related tags button also uses this css*/
.mcs-side-results.search-in-set-button p {
margin:0;
}
@@ -873,7 +866,7 @@ because of this it needs to specifically be added to each theme */
display: flex;
flex-direction: row;
gap: 5px;
margin: 15px 0 0 15px;
}
.mcs-side-results > div {
@@ -915,3 +908,93 @@ because of this it needs to specifically be added to each theme */
font-size: 10px;
background: #777;
}
.action-buttons{
display:flex;
align-items:start;
flex-wrap:wrap;
margin-bottom: 20px;
padding:0 15px;
}
#related-tags-toggle i{
margin-left:5px;
}
#related-tags-toggle i::before {
transition: transform 0.3s ease;
}
#related-tags-toggle i.rotated::before {
transform: rotate(90deg);
}
.related-tags.hide{
display:none;
}
span.related-tags{
padding:3px 5px;
border:1px solid #D6D6D6;
margin:3px;
border-radius:15px;
}
span.related-tags a{
font-weight:700;
color:#787878;
}
span.related-tags .tag-counter{
display: inline-block;
margin-left: 7px;
color:#D6D6D6;
}
#relatedTagsBox.switchBox A {
padding:unset;
display:block;
}
#selected-tags-container{
margin:0 15px;
display: flex;
flex-wrap: wrap;
}
#selected-tags-container .selected-related-tag {
background-color: #FCEAD2;
border:1px solid #FF7700;
color:#ff7700;
border-radius:15px;
padding:2px 10px;
padding-right:5px;
}
#selected-tags-container .selected-related-tag a{
font-weight: 700;
font-style: Bold;
font-size: 12px;
color:#ff7700;
}
#selected-tags-container .selected-related-tag a.selected-related-tag-remove:hover{
text-decoration:none;
color:#000;
}
.related-tag-condition{
background-color:#FAFAFA;
border-bottom: 1px solid #D0D2D5;
border-radius:5px;
margin:0 5px 0 15px;
font-weight:900;
font-size:20px;
padding:0 5px;
color:#777777;
}
#breadcrumb{
display:flex;
align-items: baseline;
}