[Noalyss-commit] [noalyss] 03/08: Cosmetic : menu and module , animate

[dwm]

sparkyx pushed a commit to branch stable
in repository noalyss.

commit ff040a2d944bebcef2b62d8911bdfb6aa562c109
Author: sparkyx <danydb@noalyss.eu>
AuthorDate: Wed Sep 18 13:54:59 2024 +0200

    Cosmetic : menu and module , animate
---
 html/css/style-classic7.css             | 136 ++++++++++++++++++++++++--------
 html/lang/en_US/LC_MESSAGES/messages.po |  10 +--
 include/template/menu.php               |   2 +-
 include/template/module.php             |   4 +-
 4 files changed, 113 insertions(+), 39 deletions(-)

diff --git a/html/css/style-classic7.css b/html/css/style-classic7.css
index 28d47fe58..f983e7418 100644
--- a/html/css/style-classic7.css
+++ b/html/css/style-classic7.css
@@ -25,6 +25,8 @@ BODY {
     color:darkblue !important;
     background-color:#FCFDFD;
     --hover : rgba(108, 130, 208, 0.9);
+        --border-size:4px;
+     --accent-color:lightblue;
 }
 input{
     font-family: 'OpenSansRegular';
@@ -188,6 +190,9 @@ td.tool a.mtitle:hover {
     width: 100%;
 }
 
+/***
+ * Style for module
+ */
 #module {
 /*    position:absolute;*/
     top:0px;
@@ -208,7 +213,72 @@ td.tool a.mtitle:hover {
     background-color: darkgray;
     display:block;
 }
+#module .nav-pills #module.nav-link {
+     color: navy !important;
+ }
+ #module .nav-pills a.nav-link {
+     border:1px solid blue;
+     margin:1px;
+     border-radius: 0px;
+     font-size: 75%;
+     color:navy !important;
+
+ }
+ #module .nav-pills a.nav-link:hover {
+         color:white !important;
+ }
+ #module .nav-item-active , #module .nav-item-active > a.nav-link{
+     background-color: #5d90cd ;
+     color:white !important;
+     border: 0px solid black;
+ }
+ /* animate module : sliding */
+ #module .nav-item-module {
+     position:relative;
+     background-color: white;
+     color:navy;
+ }
+ #module .nav-item-module.nav-item-slide::before {
+     content:'';
+     top:0;
+     left:0;
+     bottom:0;
+     right:0;
+     position:absolute;
+     background-color:#5d90cd;
+     z-index:-1;
+     transform:scaleX(0);
+     /*     transform-origin:left; */
+     transition:transform 300ms ease-in-out;
+ }
+ #module  .nav-item-module.nav-item-slide:hover::before,
+ #module  .nav-item-module.nav-item-slide:focus::before {
+     transform:scaleX(1);
+ }
+ #module .nav-item-slide {
+     z-index:0;
+     transition:color 300ms ease-in-out;
+ }
+
+
 
+
+ #module .nav-fill  #module .nav-item {
+     background: white !important;
+     color: blue !important;
+ }
+
+ #module .nav-link:hover {
+     /*background-color:white;*/
+     color:white;
+ }
+ #module  .nav-link:hover {
+     background-color: transparent;
+     color:white;
+ }
+/**
+    menu left (not used)
+ */
 div.lmenu {
     float:left;
     clear:left;
@@ -1306,7 +1376,7 @@ div#wait_box
     left:30%;
     top:30%;
     border:1px solid #00008B;
-    width:18%;
+    width: 260px;
     opacity: 0.8;
     border-radius: 20px;
     min-width:281px;
@@ -3223,7 +3293,7 @@ margin:1px;
      border-radius: 0px;
 } 
 .nav-pills .nav-link {
-    color:white !important;
+    color:white ;
    
 }
 li.li-active {
@@ -3262,30 +3332,7 @@ li.li-active {
 .nav-level2 .active {
     border-radius:0px !important;
 }
-/**
- * Module 
- */
-.nav-item-module {
-}
 
-#module .nav-pills a.nav-link {
-    background-color:white !important;
-    color:navy !important;
-    border:1px solid blue;
-    margin:1px;
-    border-radius: 0px;
-    font-size: 75%;
-}
-#module .nav-pills a.nav-link:hover {
-    background-color: navy !important;
-    color:white !important;
-    border-radius: 0px;
-}
-#module .nav-item-active , #module .nav-item-active > a.nav-link{
-    background-color: #5d90cd !important;
-    color:white !important;
-    border: 0px solid black;
-}
 /**
  * Module for smartphone menu
  */
@@ -3503,7 +3550,6 @@ li.li-active {
      padding: 0.5rem;
      color:navy !important;
      text-decoration: underline;
-     border-radius: 7px;
  }
 
  .hoverclass-drag {
@@ -3515,14 +3561,14 @@ li.li-active {
   * User's widget list
   *
   
*********************************************************************************************************************/
-
  #widget_box_id {
-     width: 100%;
-     margin-left: 0px;
-     margin-right: 0px;
+     #widget_box_id {
+         width: 100%;
+         margin-left: 0px;
+         margin-right: 0px;
+     }
  }
 
-
  #contain_widget  li {
      padding : 0.75rem;
      margin:2px;
@@ -3653,3 +3699,31 @@ h2.h-section {
      font-size: 80%;
      font-variant-caps: normal;
  }
+/***
+ * Animate menu
+ *
+ */
+
+.nav-item {
+    position:relative;
+
+}
+
+.nav-item.nav-item-underline::before {
+     content:'';
+    left:0;
+    bottom:0;
+    right:0;
+    position:absolute;
+    height:var(--border-size);
+    background-color:crimson;
+    transform:scaleX(0);
+    transition:transform 300ms ease-in-out;
+}
+
+.nav-item.nav-item-underline:hover::before,
+.nav-item.nav-item-underline:focus::before
+{
+    transform:scaleX(1);
+}
+
diff --git a/html/lang/en_US/LC_MESSAGES/messages.po 
b/html/lang/en_US/LC_MESSAGES/messages.po
index 63afdab2b..1c3cdee69 100644
--- a/html/lang/en_US/LC_MESSAGES/messages.po
+++ b/html/lang/en_US/LC_MESSAGES/messages.po
@@ -14,7 +14,7 @@ msgstr ""
 "Project-Id-Version: NOALYSS 672\n"
 "Report-Msgid-Bugs-To: \n"
 "POT-Creation-Date: 2024-09-07 17:50+0200\n"
-"PO-Revision-Date: 2024-09-07 18:03+0200\n"
+"PO-Revision-Date: 2024-09-10 10:26+0200\n"
 "Last-Translator: dany <dany@galactee.intra-alchimerys.be>\n"
 "Language-Team: French <kde-i18n-doc@kde.org>\n"
 "Language: en_US\n"
@@ -14534,7 +14534,7 @@ msgstr "General Ledger"
 #: include/ext/tva/form_parameter.php:68 include/ext/tva/form_parameter.php:71
 #: include/ext/tva/form_parameter.php:72
 msgid "Grille 00 : opérations soumises à un régime particulier"
-msgstr "Grid 00: transactions subject to special rules"
+msgstr "Grid 00: transactions subject to special rules "
 
 #: include/ext/tva/form_parameter.php:69 include/ext/tva/form_parameter.php:72
 #: include/ext/tva/form_parameter.php:73
@@ -15112,7 +15112,7 @@ msgstr "Call History"
 #: include/ext/skel/index.php:46 include/ext/tva/index.php:35
 #: include/ext/tva/index.php:38 include/ext/tva/index.php:39
 msgid "Historique des déclarations TVA"
-msgstr "History of VAT returns"
+msgstr "History"
 
 #: include/ext/rapport_avance/index.php:62
 #: include/ext/rapport_avance/index.php:61
@@ -17194,7 +17194,7 @@ msgstr "Style of row must be a number"
 #: include/ext/invoicing/include/invoice_send_mail.inc.php:65
 #: include/ext/invoicing/include/invoice_send_mail.inc.php:69
 msgid "Le sujet est obligatoire"
-msgstr "The subject is compulsory"
+msgstr "The subject is mandatory"
 
 #: include/class_anc_key.php:150 include/class/class_anc_key.php:150
 #: include/class/anc_key.class.php:150 include/class/anc_key.class.php:158
@@ -18112,7 +18112,7 @@ msgstr "Listing"
 #: include/ext/skel/index.php:45 include/ext/tva/index.php:34
 #: include/ext/tva/index.php:37 include/ext/tva/index.php:38
 msgid "Listing Assujetti"
-msgstr "Subject Listing"
+msgstr "Customer Listing"
 
 #: include/ext/skel/index.php:45 include/ext/tva/index.php:34
 #: include/ext/tva/index.php:37 include/ext/tva/index.php:38
diff --git a/include/template/menu.php b/include/template/menu.php
index 55567578e..de87e4c19 100644
--- a/include/template/menu.php
+++ b/include/template/menu.php
@@ -33,7 +33,7 @@
             }
            else {
                     $js="";
-                    $class_list_element="nav-item";
+                    $class_list_element="nav-item nav-item-underline";
                     $class_link="nav-link";
 
                     if ( $amenu[$i]['me_url']!='')
diff --git a/include/template/module.php b/include/template/module.php
index ef825db22..6095c1778 100644
--- a/include/template/module.php
+++ b/include/template/module.php
@@ -104,7 +104,7 @@ endif;?>
                        echo '<ul class="nav nav-pills nav-fill  flex-row" >';
                        continue;
                    }
-                    $style="nav-item-module";
+                    $style="nav-item-module nav-item-slide";
                    if ($row['me_code']==$selected_module)
                    {
                        $style='nav-item-active';
@@ -144,7 +144,7 @@ endif;?>
                             $js="";
                         $style="";
 
-                        $style="nav-item-module";
+                        $style="nav-item-module ";
                         if ( $row['me_code']=='new_line')
                         {
                                                continue;