Design uniformize and fixes

* Remove CSS class navigationBar for new pagination design
 * Remove green hover of images of batch manager
This commit is contained in:
Zacharie
2020-07-10 13:25:56 +02:00
parent 9dc29c0252
commit 12a88ea058
7 changed files with 31 additions and 44 deletions
+2 -11
View File
@@ -79,8 +79,6 @@ h3, .throw, .row1 { background-color: #ddd; }
.content dl, dd { margin:5px; }
UL.thumbnails span.wrap2:hover { background-color:#7CBA0F; color:#999; }
UL.thumbnails span.wrap2 {
background-color:transparent;
}
@@ -130,7 +128,6 @@ A:hover, A:active {
cursor: pointer;
}
.content .navigationBar {color:#999;}
ul.actions, .content form#waiting {text-align:center;}
/* jQuery tooltips */
@@ -723,17 +720,11 @@ li.plupload_delete a:hover {background: url("images/cancelhover.svg")!important;
}
#filterList .ui-slider .ui-slider-range {background: rgba(255,166,70, 0.9); margin-top: -1px; border: 1px solid #ffaf58;}
#filterList .ui-widget-content {border: 1px solid #EEE; background: #DDD;}
.navigationBar, .navigationBar a,
.navigationBar span {
background-color: #f9f9f9; border-radius: 10px;
}
.navigationBar a:hover {background-color: #ffd2a1;}
#batchManagerGlobal option[disabled] {background-color: #EEE;}
.dimension-cancel {background-color: #F8F8F8 !important;}
.pageNumberSelected {color: #FFF !important; font-weight: bold;}
.navigationBar span {
color: #BBB;
}
#batchManagerGlobal .ui-state-default, #batchManagerGlobal .ui-widget-content .ui-state-default,#batchManagerGlobal .ui-widget-header .ui-state-default {
border: 1px solid #ffaf58; background: #ffaf58;
}
-1
View File
@@ -1,4 +1,3 @@
#menubar, .content .navigationBar,
.navThumb, #addComment {
display: none;
}
@@ -587,13 +587,11 @@ UL.thumbnails SPAN.wrap2 {ldelim}
</ul>
{if !empty($navbar) }
<div style="clear:both;">
<div class="batchManager-pagination">
<div style="float:left">
{include file='navigation_bar.tpl'|@get_extent:'navbar'}
</div>
<div style="float:right;margin-top:30px; margin-right: 46px;" class="pagination-per-page">
<div class="pagination-per-page">
<span>{'display'|@translate}</span>
<a href="{$U_DISPLAY}&amp;display=20">20</a>
<a href="{$U_DISPLAY}&amp;display=50">50</a>
@@ -113,9 +113,7 @@ jQuery("a.preview-box").colorbox( {
</fieldset>
{/foreach}
<div class="navigationBarRow">
{if !empty($navbar)}{include file='navigation_bar.tpl'|@get_extent:'navbar'}{/if}
</div>
<p>
<input type="submit" value="{'Submit'|@translate}" name="submit">
@@ -1,28 +1,34 @@
<div class="navigationBar">
<div class="pagination-container">
{if isset($navbar.URL_FIRST)}
<a href="{$navbar.URL_FIRST}" rel="first">{'First'|@translate}</a>
<a href="{$navbar.URL_PREV}" rel="prev">{'Previous'|@translate}</a>
<a href="{$navbar.URL_PREV}" class='pagination-arrow left' rel="prev">
<span class="icon-left-open"></span>
</a>
{else}
<span>{'First'|@translate}</span>
<span>{'Previous'|@translate}</span>
<a class='pagination-arrow left unavailable'>
<span class="icon-left-open"></span>
</a>
{/if}
{assign var='prev_page' value=0}
<div class="pagination-item-container">
{foreach from=$navbar.pages key=page item=url}
{if $page > $prev_page+1}<span class="navigationBarSeparator">...</span>{/if}
{if $page > $prev_page+1}<span>...</span>{/if}
{if $page == $navbar.CURRENT_PAGE}
<span class="pageNumberSelected">{$page}</span>
<a class="actual">{$page}</a>
{else}
<a href="{$url}">{$page}</a>
{/if}
{assign var='prev_page' value=$page}
{/foreach}
</div>
{if isset($navbar.URL_NEXT)}
<a href="{$navbar.URL_NEXT}" rel="next">{'Next'|@translate}</a>
<a href="{$navbar.URL_LAST}" rel="last">{'Last'|@translate}</a>
<a href="{$navbar.URL_NEXT}" class='pagination-arrow rigth' rel="next">
<span class="icon-left-open"></span>
</a>
{else}
<span>{'Next'|@translate}</span>
<span>{'Last'|@translate}</span>
<a class='pagination-arrow rigth unavailable'>
<span class="icon-left-open"></span>
</a>
{/if}
</div>
+8 -4
View File
@@ -365,10 +365,6 @@ TABLE.doubleSelect SELECT.categoryList {
justify-content: center;
}
.pagination-container * {
margin: 10px;
}
.pagination-arrow {
font-size: 14px;
cursor: pointer;
@@ -396,6 +392,10 @@ TABLE.doubleSelect SELECT.categoryList {
align-items: baseline;
}
.pagination-item-container > *{
margin: 5px;
}
.pagination-item-container span {
font-size: 20px;
font-weight: bold;
@@ -1868,6 +1868,10 @@ LEGEND {
display: none;
}
.batchManager-pagination {
display: flex;
align-items: center;
}
#order_filters a.addFilter {font-weight:normal;margin-left:20px;}
#order_filters a.removeFilter {font-weight:normal;}
+2 -11
View File
@@ -71,8 +71,6 @@ h1 {
.content dl, dd { margin:5px; }
UL.thumbnails span.wrap2:hover { background-color:#7CBA0F; color:#666; }
UL.thumbnails span.wrap2 {
background-color:#333;
}
@@ -119,7 +117,6 @@ a.Piwigo:hover span.Piwigo {
a { color:#bbb; }
a:hover, a:active { color: #f70; cursor: pointer; }
.content .navigationBar {color:#666;}
ul.actions, .content form#waiting {text-align:center;}
#adminHome A, #menubar li A, #menubar dt {
@@ -826,19 +823,13 @@ li.plupload_delete a:hover {background: url("images/cancelhover.svg")!important;
text-decoration: none; background-color: #ffa646 !important; color: initial;
}
#forbidAction, .selectionEmptyBlock {background-color: #5a5757; color: #c1c1c1;}
.navigationBar, .navigationBar a,
.navigationBar span {
background-color: #555; border-radius: 10px;
}
.pageNumberSelected {background-color: #b4b4b4;}
.navigationBar a:hover {background-color: #888; color: #444;}
#action_title .large, #action_author .large {background-color: #333; color: #fefefe;}
#addFilter optgroup, #batchManagerGlobal option[disabled] {background-color: #555;}
.dimension-cancel {background-color: #555 !important;}
.pageNumberSelected {color: #777 !important; font-weight: bold;}
.navigationBar span {
color: #777;
}
#batchManagerGlobal .ui-state-default, #batchManagerGlobal .ui-widget-content .ui-state-default,#batchManagerGlobal .ui-widget-header .ui-state-default {
border: 1px solid #ffaf58; background: #ffaf58;
}