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

N°3123 - Refactor Directories

Browse Source
This commit is contained in:
Eric
2020-12-02 13:18:01 +01:00
parent d1b12ee04b
commit 15aa9e508c
259 changed files with 862 additions and 869 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
css/backoffice/base/components/input/_all.scss Normal file
View File

@@ -0,0 +1,12 @@
/*!
* copyright Copyright (C) 2010-2020 Combodo SARL
* license http://opensource.org/licenses/AGPL-3.0
*/
@import "input";
@import "input-select";
@import "input-date";
@import "input-datetime";
@import "input-duration";
@import "input-string";
@import "input-tagset";

46
css/backoffice/base/components/input/_input-date.scss Normal file
View File

@@ -0,0 +1,46 @@
$ibo-input-date--width: 100% !default;
$ibo-input-date--button--margin--left: -20px !default;
$ibo-input-date--button--margin--top: 5px !default;
$ibo-input-date--button--padding: 0 !default;
$ibo-input-date--button--background-color: transparent !default;
$ibo-input-date--button--color: $ibo-color-grey-800 !default;
$ibo-input-date--ui-datepicker--padding-top: 34px !default;
$ibo-input-date--ui-datepicker--background-color: $ibo-color-white-100 !default;
$ibo-input-date--ui-datepicker--border-color: $ibo-color-grey-400 !default;
$ibo-input-date--ui-datepicker--border-radius: $ibo-border-radius-500 !default;
$ibo-input-date--ui-datepicker-header--padding: $ibo-border-radius-500 $ibo-border-radius-500 0 0 !default;
$ibo-input-date--ui-datepicker-header--border-radius: 4px !default;
.ibo-input-date{
display: inline-block;
width: $ibo-input-date--width;
}
.ibo-input-date + button{
position: absolute;
display: inline-block;
margin-left: $ibo-input-date--button--margin--left;
margin-top: $ibo-input-date--button--margin--top;
padding: $ibo-input-date--button--padding;
background-color: $ibo-input-date--button--background-color;
color: $ibo-input-date--button--color;
border: none;
}
.ui-datepicker{
padding-top: 34px;
background-color: $ibo-input-date--ui-datepicker--background-color;
border: solid 1px $ibo-input-date--ui-datepicker--border-color;
border-radius: $ibo-input-date--ui-datepicker--border-radius;
}
.ui-datepicker-header{
@extend .ui-dialog::before;
position: absolute;
height: unset;
padding: $ibo-input-date--ui-datepicker-header--border-radius;
border-radius: $ibo-input-date--ui-datepicker-header--border-radius;
}

37
css/backoffice/base/components/input/_input-datetime.scss Normal file
View File

@@ -0,0 +1,37 @@
$ibo-input-datetime--width: $ibo-input-date--width !default;
$ibo-input-datetime--action-button--margin--left: $ibo-input-date--button--margin--left !default;
$ibo-input-datetime--action-button--margin--top: $ibo-input-date--button--margin--top !default;
$ibo-input-datetime--action-button--padding: $ibo-input-date--button--padding !default;
$ibo-input-datetime--action-button--color: $ibo-input-date--button--color !default;
$ibo-input-datetime--ui-tpicker-slider--width: auto !default;
$ibo-input-datetime--ui-tpicker-slider--padding-right: 18px !default;
.ibo-input-datetime{
display: inline-block;
width: $ibo-input-datetime--width;
}
.ibo-input-datetime--action-button{
position: absolute;
display: inline-block;
margin-left: $ibo-input-datetime--action-button--margin--left;
margin-top: $ibo-input-datetime--action-button--margin--top;
padding: $ibo-input-datetime--action-button--padding;
color: $ibo-input-datetime--action-button--color;
}
.ui-datepicker-current, .ui-datepicker-close{
@extend .ibo-button;
@extend .ibo-is-regular;
@extend .ibo-is-secondary;
}
.ui_tpicker_hour_slider, .ui_tpicker_minute_slider, .ui_tpicker_second_slider{
@extend .ibo-input-wrapper;
@extend .ibo-input-select-wrapper;
&> select {
@extend .ibo-input;
@extend .ibo-input-select;
width: $ibo-input-datetime--ui-tpicker-slider--width;
padding-right: $ibo-input-datetime--ui-tpicker-slider--padding-right;
}
}

8
css/backoffice/base/components/input/_input-duration.scss Normal file
View File

@@ -0,0 +1,8 @@
$ibo-input-duration--width: unset !default;
$ibo-input-duration--text-align: right !default;
.ibo-input-duration{
display: inline-block;
width: $ibo-input-duration--width;
text-align: $ibo-input-duration--text-align;
}

90
css/backoffice/base/components/input/_input-select.scss Normal file
View File

@@ -0,0 +1,90 @@
$ibo-input-select-selectize--value--height: 100% !default;
$ibo-input-select-selectize--value--line-height: $ibo-input--height !default;
$ibo-input-select-wrapper--width: 100% !default;
$ibo-input-select-wrapper--after--height: 28px !default;
$ibo-input-select-wrapper--after--margin-left: -16px !default;
$ibo-input-select-wrapper--after--margin-top: 1px !default;
$ibo-input-select-wrapper--after--padding-top: 3px !default;
$ibo-input-select-wrapper--after--background-color: inherit !default;
$ibo-input-select-wrapper--after--color: $ibo-color-grey-900 !default;
$ibo-input-select--action-button--height: 28px !default;
$ibo-input-select--action-button--width: 23px !default;
$ibo-input-select--action-button--margin-top: 1px !default;
$ibo-input-select--action-button--background-color: inherit !default;
$ibo-input-select--action-button--color: $ibo-color-grey-800 !default;
$ibo-input-select--action-button--padding-x: 4px !default;
$ibo-input-select--action-button--padding-y: 5px !default;
$ibo-input-select--action-button--hierarchy--margin-left: -60px !default;
$ibo-input-select--action-button--create--margin-left: -38px !default;
$ibo-input-select--action-button--search--margin-left: -60px !default;
$ibo-input-select-autocomplete-action-button--hierarchy--margin-left: -82px !default;
.ibo-input-select{
appearance: none;
display: inline-block;
&.ibo-input-selectize{
input{
display: none;
}
>[data-value]
{
height: $ibo-input-select-selectize--value--height;
line-height: $ibo-input-select-selectize--value--line-height;
}
}
}
.ibo-input-select-wrapper .selectize-control
{
display: inline-block;
width: $ibo-input-select-wrapper--width;
}
.ibo-input-select-wrapper::after{
position: absolute;
content: "\f0d7";
font-family: "Font Awesome 5 Free";
font-weight: 600;
height: $ibo-input-select-wrapper--after--height;
margin-left: $ibo-input-select-wrapper--after--margin-left;
margin-top: $ibo-input-select-wrapper--after--margin-top;
padding-top: $ibo-input-select-wrapper--after--padding-top;
background-color: $ibo-input-select-wrapper--after--background-color;
color: $ibo-input-select-wrapper--after--color;
pointer-events: none;
}
.ibo-input-select--action-button{
position: absolute;
display: inline-block;
height: $ibo-input-select--action-button--height;
width: $ibo-input-select--action-button--width;
margin-top: $ibo-input-select--action-button--margin-top;
font-size: $ibo-font-size-100;
background-color: $ibo-input-select--action-button--background-color;
color: $ibo-input-select--action-button--color;
padding: $ibo-input-select--action-button--padding-y $ibo-input-select--action-button--padding-x;
&.ibo-input-select--action-button--hierarchy{
margin-left: $ibo-input-select--action-button--hierarchy--margin-left;
}
&.ibo-input-select--action-button--create{
margin-left: $ibo-input-select--action-button--create--margin-left;
}
&.ibo-input-select--action-button--search{
margin-left: $ibo-input-select--action-button--search--margin-left;
}
}
.ibo-input-select-autocomplete ~ .ibo-input-select--action-button--hierarchy{
margin-left: $ibo-input-select-autocomplete-action-button--hierarchy--margin-left;
}
.selectize-dropdown.ui-menu .ui-state-active {
margin: unset;
background-color: #f5fafd;
color: #495c68;
}

0
css/backoffice/base/components/input/_input-string.scss Normal file
View File

31
css/backoffice/base/components/input/_input-tagset.scss Normal file
View File

@@ -0,0 +1,31 @@
$ibo-input-tagset--input--height: 100% !default;
$ibo-input-tagset--remove--padding-top: 0.15em !default;
$ibo-input-tagset--remove--border-left: none !default;
$ibo-input-tagset--has-items--after--right: 8px !default;
$ibo-input-tagset--has-items--after--top: 5px !default;
.selectize-control.plugin-remove_button .ibo-input-tagset{
> input{
height: $ibo-input-tagset--input--height;
}
.item[data-value] > .remove{
font-size: 18px;
padding-top: $ibo-input-tagset--remove--padding-top;
border-left: $ibo-input-tagset--remove--border-left;
}
&.has-items::after{
content: "\f067";
font-family: "Font Awesome 5 Free";
font-weight: 600;
font-size: 10px;
position: absolute;
right: $ibo-input-tagset--has-items--after--right;
top: $ibo-input-tagset--has-items--after--top;
}
}

58
css/backoffice/base/components/input/_input.scss Normal file
View File

@@ -0,0 +1,58 @@
/*!
* copyright Copyright (C) 2010-2020 Combodo SARL
* license http://opensource.org/licenses/AGPL-3.0
*/
$ibo-input--height: 30px !default;
$ibo-input--width: 100% !default;
$ibo-input--background-color: $ibo-color-white-100 !default;
$ibo-input--color: $ibo-color-grey-900 !default;
$ibo-input--background-color: $ibo-color-white-100 !default;
$ibo-input--border-color: $ibo-color-grey-500 !default;
$ibo-input--padding-x: 10px !default;
$ibo-input--padding-y: 0px !default;
$ibo-input--border-radius: $ibo-border-radius-300 !default;
$ibo-input--focus--border-color: $ibo-color-primary-600 !default;
$ibo-input--placeholder--color: $ibo-color-grey-600 !default;
$ibo-input--disabled--background-color: $ibo-color-grey-300 !default;
$ibo-input--placeholder--color: $ibo-color-grey-700 !default;
$ibo-input-wrapper--is-error--background-color: $ibo-color-red-200 !default;
$ibo-input-wrapper--is-error--border-color: $ibo-color-red-600 !default;
$ibo-field-validation: $ibo-color-red-700 !default;
.ibo-input{
@extend %ibo-vertically-centered-content;
height: $ibo-input--height;
width: $ibo-input--width;
background-color: $ibo-input--background-color;
color: $ibo-input--color;
padding: $ibo-input--padding-y $ibo-input--padding-x;
border: 1px solid $ibo-input--border-color;
border-radius: $ibo-input--border-radius;
&:focus{
border: 1px solid $ibo-input--focus--border-color;
}
&:disabled{
background-color: $ibo-input--disabled--background-color;
color: $ibo-input--placeholder--color;
}
&::placeholder{
color: $ibo-input--placeholder--color;
}
}
.ibo-input-wrapper.is-error {
.ibo-input{
background-color: $ibo-input-wrapper--is-error--background-color;
border: 1px solid $ibo-input-wrapper--is-error--border-color;
}
}
.ibo-field-validation{
color: $ibo-field-validation;
}