Changeset 32381

Timestamp:

Jan 14, 2021, 3:19:05 PM (3 years ago)

Author:

plg

Message:

• make UI more compatible with Piwigo 11 (sliders)
• specific colors for roma/clear admin themes

Location:

extensions/AntiAspi

Files:

• admin.php (modified) (2 diffs)
• admin.tpl (modified) (1 diff)
• antiaspi.css (modified) (1 diff)
• antiaspi_roma.css (added)

extensions/AntiAspi/admin.php

@@ -19 +19 @@
 //-------------------------------------------------------- sections definitions
 
+$template->assign('ADMIN_PAGE_TITLE', l10n('AntiAspi'));
+
 if (!isset($_GET['tab']))
 {
@@ -29 +31 @@
 
 $template->func_combine_css(array('id'=>'dst','path'=>ANTIASPI_PATH.'antiaspi.css'));
+
+$theme_css = ANTIASPI_PATH.'antiaspi_'.$conf['admin_theme'].'.css';
+if (file_exists($theme_css))
+{
+  $template->func_combine_css(array('path'=>$theme_css));
+}
 
 $tabsheet = new tabsheet();

extensions/AntiAspi/admin.tpl

@@ -34 +34 @@
 
 {html_style}
-.uirange{
-    margin:10px;
-    margin-left: 40px;
-}
 {/html_style}
 
-<div class="titrePage">
-  <h2>{'AntiAspi'|@translate}</h2>
-</div>
 {if isset ($ipbangest)}
 

extensions/AntiAspi/antiaspi.css

@@ -50 +50 @@
         font-size: 90%;
 }
+
+/* sliders */
+
+.ui-slider-horizontal {width:580px;}
+body#theAdminPage .ui-slider-horizontal .ui-slider-handle {top: -.7em !important; width: 1.4em; height: 1.4em;}
+body#theAdminPage .ui-slider-handle.ui-state-default.ui-corner-all {border-radius: 10px;}
+body#theAdminPage .ui-slider-horizontal .ui-slider-range {height: 2px;}
+body#theAdminPage .ui-slider-horizontal {height: 4px;}
+body#theAdminPage .ui-slider .ui-slider-range {background: rgba(255,166,70, 0.9); border: 1px solid #ffaf58;}
+body#theAdminPage .ui-widget-content {border: none; background: #DDD;}
+body#theAdminPage .ui-slider-range.ui-widget-header.ui-corner-all {border: 1px solid #ffaf58;}
+
+.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
+  border: 1px solid #ffaf58; background: #ffaf58;
+}
+.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover {
+  background: #ffaf58;
+}
+.ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
+  border: 1px solid #ffaf58; background: #ffaf58;
+}
+.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
+  background: #ffaf58;
+}
+.ui-slider-range.ui-widget-header.ui-corner-all {border: 1px solid #ffaf58;}
+
+.uirange {margin-top:10px;}