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

Factorization of the css on the admin part

Browse Source 
* Factorization of the head-button component
This commit is contained in:
Zacharie Guet
2022-06-19 14:42:18 +02:00
parent f9a7d54de8
commit 0081e0178b
6 changed files with 19 additions and 77 deletions
Download Patch File Download Diff File Expand all files Collapse all files
admin/themes/default/css/components/general.css
+5
View File
@@ -32,6 +32,11 @@ or
box-shadow: 0px 2px #bb7932;
}
.head-button-1 p, .head-button-2 p {
margin: 0;
white-space: nowrap;
}
.head-button-1:hover {
background: #ff7700;
}
admin/themes/default/template/albums.tpl
+2 -7
View File
@@ -111,12 +111,12 @@ const add_sub_album_of = '{'Create a sub-album of "%s"'|@translate|escape:javasc
<div class="cat-move-header">
<div class="add-album-button">
<label class="album-add-button-label icon-plus-circled">
<label class="head-button-2 icon-plus-circled">
<p>{'Add Album'|@translate}</p>
</label>
</div>
<div class="order-root-button">
<label class="order-root order-root-button-label icon-sort-name-up">
<label class="order-root head-button-2 icon-sort-name-up">
<p>{'Automatic sort order'|@translate}</p>
</label>
</div>
@@ -478,11 +478,6 @@ input[name="position"] {
margin: 0 !important;
}
.add-album-button,
.order-root-button {
margin: 0 10px 0 0;
}
.badge-container {
position: absolute;
right: 275px;
admin/themes/default/template/tags.tpl
+1 -1
View File
@@ -116,7 +116,7 @@ var str_tag_found = '{'<b>%d</b> tag found'|@translate}';
</div>
<form id='add-tag' class='not-in-selection-mode'>
<span class='icon-cancel-circled'></span>
<label class='add-tag-label icon-plus-circled {if $total == 0} highlight {/if}'>
<label class='add-tag-label icon-plus-circled {if $total == 0} head-button-1 {else} head-button-2 {/if}'>
<p>{'Add a tag'|@translate}</p>
<div class='add-tag-container'>
<input type='text' id='add-tag-input' placeholder="{'New tag'|@translate}">
admin/themes/default/template/user_list.tpl
+4 -17
View File
@@ -108,14 +108,14 @@ $(".icon-help-circled").tipTip({
<div style="display:flex;justify-content:space-between; flex-grow:1;">
<div style="display:flex; align-items: center;">
<div class="not-in-selection-mode user-header-button add-user-button" style="margin: auto; margin-right: 10px">
<label class="user-header-button-label icon-plus-circled">
<div class="not-in-selection-mode user-header-button add-user-button" style="margin: auto;">
<label class="head-button-2 icon-plus-circled">
<p>{'Add a user'|@translate}</p>
</label>
</div>
<div class="not-in-selection-mode user-header-button" style="margin: auto; margin-right: 10px">
<label class="user-header-button-label icon-user-secret edit-guest-user-button">
<div class="not-in-selection-mode user-header-button" style="margin: auto;">
<label class="head-button-2 icon-user-secret edit-guest-user-button">
<p>{'Edit guest user'|@translate}</p>
</label>
</div>
@@ -979,19 +979,6 @@ $(".icon-help-circled").tipTip({
.user-header-button {
position:relative;
}
.user-header-button-label {
position: relative;
padding: 10px;
box-shadow: 0px 2px #00000024;
border-radius: 5px;
font-weight: bold;
display: flex;
align-items: baseline;
cursor: pointer;
}
.user-header-button-label p {
margin:0;
}
/* filters bar */
admin/themes/default/theme.css
-34
View File
@@ -3323,24 +3323,6 @@ a#showPermissions:hover {text-decoration: none;}
display: none;
}
.tag-header #add-tag .add-tag-label {
position: relative;
padding: 10px;
background-color: #fafafa;
box-shadow: 0px 2px #00000024;
border-radius: 5px;
font-weight: bold;
display: flex;
align-items: baseline;
cursor: pointer;
}
.tag-header #add-tag .add-tag-label.highlight {
background: #ffa646;
box-shadow: 0 2px #af7200;
color: white;
}
.tag-header #add-tag.input-mode .add-tag-label {
background: none;
box-shadow: none;
@@ -3349,21 +3331,10 @@ a#showPermissions:hover {text-decoration: none;}
color: inherit;
}
.tag-header #add-tag .add-tag-label::before {
margin: auto;
font-size: 16px;
margin-right: 5px;
}
.tag-header #add-tag.input-mode .add-tag-label::before {
display: none;
}
.tag-header #add-tag .add-tag-label p{
margin: 0;
white-space: nowrap;
}
.tag-header #add-tag .add-tag-container {
display: none;
}
@@ -4039,11 +4010,6 @@ a#showPermissions:hover {text-decoration: none;}
border-radius: 3px;
}
.album-add-button-label, .order-root-button-label {
box-shadow: 0px 2px #00000024;
background-color: #fafafa;
}
.move-cat-container:hover {
background-color: #ffd7ad;
}
admin/themes/roma/theme.css
+6 -17
View File
@@ -389,11 +389,6 @@ div.token-input-dropdown ul li.token-input-selected-dropdown-item {background-co
text-decoration: none;
color: #777;
}
.album-add-button-label, .order-root-button-label {
box-shadow: 0px 2px #00000024;
background-color: #333;
color: #777;
}
.move-cat-container:hover {
background-color: #f9852c;
}
@@ -1121,20 +1116,14 @@ li.plupload_delete a:hover {background: url("images/cancelhover.svg")!important;
/* Tag Manager */
.tag-box,
.tag-header #add-tag:not(.input-mode) .add-tag-label,
.tag-header .selection-controller a{
background-color: #333 !important;
}
.tag-header #add-tag .add-tag-label.highlight {
background: #f7a43c !important;
box-shadow: 0 2px #af7200;
color: #444 !important;
}
.tag-header #add-tag.input-mode .add-tag-label.highlight {
.tag-header #add-tag.input-mode .add-tag-label {
background: transparent !important;
box-shadow: none;
color: inherit !important;
color: rgb(119, 119, 119) !important;
}
.tag-container .tag-box p {
@@ -1458,6 +1447,10 @@ li.plupload_delete a:hover {background: url("images/cancelhover.svg")!important;
color: #c1c1c1;
}
.head-button-1 {
color: #444 !important;
}
.head-button-2 {
background-color: #333 !important;
}
@@ -1548,10 +1541,6 @@ li.plupload_delete a:hover {background: url("images/cancelhover.svg")!important;
color:#777;
}
.user-header-button-label {
background: #333;
}
.user-action-select {
background: transparent;
}