mirror of
https://github.com/Piwigo/Piwigo.git
synced 2026-06-02 04:15:05 +02:00
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:
@@ -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,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}&display=20">20</a>
|
||||
<a href="{$U_DISPLAY}&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>
|
||||
|
||||
@@ -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;}
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user