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

N°2847 First step to convert user preferences page to our new design

Browse Source
This commit is contained in:
Stephen Abello
2020-08-20 11:07:50 +02:00
parent 11f27019e4
commit 9dcb4bbfe5
4 changed files with 221 additions and 109 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
css/backoffice/pages/_all.scss
View File

@@ -16,4 +16,5 @@
* You should have received a copy of the GNU Affero General Public License
*/
@import "base";
@import "base";
@import "preferences";

43
css/backoffice/pages/_preferences.scss Normal file
View File

@@ -0,0 +1,43 @@
$ibo-preferences--panel--width: 60% !default;
$ibo-preferences--panel--margin-x: auto !default;
$ibo-preferences--user-preferences--picture-placeholder--image--diameter: 54px !default;
$ibo-preferences--user-preferences--picture-placeholder--image--border-radius: $ibo-border-radius-full !default;
$ibo-preferences--user-preferences--picture-placeholder--image--margin: 12px !default;
$ibo-preferences--user-preferences--picture-placeholder--image--background-color: $ibo-color-grey-300 !default;
$ibo-preferences--user-preferences--picture-placeholder--image--active--border-color: $ibo-color-blue-800;
$ibo-preferences--user-preferences--picture-placeholder--image--hover--border-color: $ibo-color-blue-600;
#ibo-main-content >.ibo-panel{
width: $ibo-preferences--panel--width;
margin-left: $ibo-preferences--panel--margin-x;
margin-right: $ibo-preferences--panel--margin-x;
}
.ibo-preferences--title{
text-align: center;
}
.ibo-preferences--user-preferences--picture-placeholder{
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.ibo-preferences--user-preferences--picture-placeholder--image{
height: $ibo-preferences--user-preferences--picture-placeholder--image--diameter;
width: $ibo-preferences--user-preferences--picture-placeholder--image--diameter;
border-radius: $ibo-preferences--user-preferences--picture-placeholder--image--border-radius;
margin: $ibo-preferences--user-preferences--picture-placeholder--image--margin;
border: solid 3px $ibo-preferences--user-preferences--picture-placeholder--image--background-color;
> img{
border-radius: $ibo-preferences--user-preferences--picture-placeholder--image--border-radius;
background-color: $ibo-preferences--user-preferences--picture-placeholder--image--background-color;
}
}
.ibo-preferences--user-preferences--picture-placeholder--image.ibo-is-active{
border-color: $ibo-preferences--user-preferences--picture-placeholder--image--active--border-color;
}
.ibo-preferences--user-preferences--picture-placeholder--image:hover{
border-color: $ibo-preferences--user-preferences--picture-placeholder--image--hover--border-color;
}