mirror of
https://github.com/Combodo/iTop.git
synced 2026-04-22 01:58:47 +02:00
N°2847 First step to convert user preferences page to our new design
This commit is contained in:
@@ -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
43
css/backoffice/pages/_preferences.scss
Normal 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;
|
||||
}
|
||||
Reference in New Issue
Block a user