composer/iTop
6
0
Fork 0
mirror of https://github.com/Combodo/iTop.git synced 2026-04-21 01:28:47 +02:00
Code Issues Packages Projects Releases Wiki Activity

N°2847 - Rework iTopWebPage layout (WIP Part IX)

Browse Source 
- Refactor some CSS classes to something more semantic and cross app (.ibo-<COMPONENT>--is-<STATE> => .ibo-<STATE>)
- AjaxWebPage: Deprecated AddToMenu method
This commit is contained in:
Molkobain
2020-08-03 11:26:30 +02:00
parent a85c7e9f8f
commit e2e62eca5e
9 changed files with 19 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
css/backoffice/components/_global-search.scss
View File

@@ -74,7 +74,7 @@ $ibo-global-search--compartment--placeholder-hint--text-color: $ibo-color-grey-7
position: relative;
@extend %ibo-vertically-centered-content;
&.ibo-global-search--is-opened{
&.ibo-is-opened{
.ibo-global-search--input{
padding: $ibo-global-search--input--padding-y--is-opened $ibo-global-search--input--padding-x--is-opened;
width: $ibo-global-search--input--width--is-opened;

2
css/backoffice/components/_quick-create.scss
View File

@@ -78,7 +78,7 @@ $ibo-quick-create--compartment--placeholder-hint--text-color: $ibo-color-grey-70
position: relative;
@extend %ibo-vertically-centered-content;
&.ibo-quick-create--is-opened{
&.ibo-is-opened{
.ibo-quick-create--input{
width: $ibo-quick-create--input--width--is-opened;
}

14
css/backoffice/layout/_navigation-menu.scss
View File

@@ -123,7 +123,7 @@ $ibo-navigation-menu--menu-node--border-radius: $ibo-border-radius-500 !default;
position: relative;
height: $ibo-navigation-menu-height;
&.ibo-navigation-menu--is-expanded{
&.ibo-is-expanded{
.ibo-navigation-menu--body{
width: $ibo-navigation-menu--body--width-expanded;
@@ -148,7 +148,7 @@ $ibo-navigation-menu--menu-node--border-radius: $ibo-border-radius-500 !default;
}
}
.ibo-navigation-menu--menu-group{
&:not(.ibo-navigation-menu--menu-group--is-active){
&:not(.ibo-is-active){
&:active{
border-radius: $ibo-navigation-menu--action--border-radius--on-active-expanded;
}
@@ -156,12 +156,12 @@ $ibo-navigation-menu--menu-node--border-radius: $ibo-border-radius-500 !default;
}
}
}
&.ibo-navigation-menu--is-active{
&.ibo-is-active{
.ibo-navigation-menu--drawer{
right: calc(-1 * #{$ibo-navigation-menu--drawer--width});
}
}
&.ibo-navigation-menu--is-filtered{
&.ibo-is-filtered{
.ibo-navigation-menu--menu-nodes{
margin-bottom: $ibo-navigation-menu--menu-nodes--margin-bottom--on-filtered;
@@ -304,7 +304,7 @@ $ibo-navigation-menu--menu-node--border-radius: $ibo-border-radius-500 !default;
margin-bottom: $ibo-navigation-menu--middle-part--elements-spacing;
}
&:not(.ibo-navigation-menu--menu-group--is-active)
&:not(.ibo-is-active)
{
&:hover,
&:active{
@@ -315,7 +315,7 @@ $ibo-navigation-menu--menu-node--border-radius: $ibo-border-radius-500 !default;
border-radius: $ibo-navigation-menu--action--border-radius--on-active;
}
}
&.ibo-navigation-menu--menu-group--is-active{
&.ibo-is-active{
margin-right: calc(-2 * #{$ibo-navigation-menu--action--padding-x});
padding-right: calc(2 - #{$ibo-navigation-menu--action--padding-x});
color: $ibo-navigation-menu--menu-group-title--text-color--is-active;
@@ -429,7 +429,7 @@ $ibo-navigation-menu--menu-node--border-radius: $ibo-border-radius-500 !default;
}
}
&.ibo-navigation-menu--menu-nodes--is-active{
&.ibo-is-active{
display: block;
}
}