Cosmetic : menu and module , animate
This commit is contained in:
sparkyx
parent
6b77337cbd
commit
ff040a2d94
4 changed files with 113 additions and 39 deletions
|
|
@ -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);
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -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
|
||||
|
|
|
|||
|
|
@ -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']!='')
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue