mirror of
https://github.com/Combodo/iTop.git
synced 2026-04-21 01:28:47 +02:00
Merge remote-tracking branch 'origin/feature/faf-cke-mentions' into develop
This commit is contained in:
48
css/backoffice/vendors/_ckeditor.scss
vendored
48
css/backoffice/vendors/_ckeditor.scss
vendored
@@ -3,9 +3,53 @@
|
||||
* @license http://opensource.org/licenses/AGPL-3.0
|
||||
*/
|
||||
|
||||
$ibo-vendors-highlightjs--padding: 0.9rem !default;
|
||||
$ibo-vendors-highlightjs--border-radius: $ibo-border-radius-300 !default;
|
||||
|
||||
$ibo-vendors-ckeditor--autocomplete-panel--border: none !default;
|
||||
$ibo-vendors-ckeditor--autocomplete-panel--border-radius: $ibo-border-radius-300 !default;
|
||||
$ibo-vendors-ckeditor--autocomplete-panel--background-color: $ibo-color-white-100 !default;
|
||||
|
||||
$ibo-vendors-ckeditor--autocomplete-item-image--size: 25px !default;
|
||||
$ibo-vendors-ckeditor--autocomplete-item-image--margin-right: 0.5rem !default;
|
||||
$ibo-vendors-ckeditor--autocomplete-item-image--background-color: $ibo-color-grey-200 !default;
|
||||
$ibo-vendors-ckeditor--autocomplete-item-image--border: 1px solid $ibo-color-grey-600 !default;
|
||||
|
||||
$ibo-vendors-ckeditor--autocomplete-item-title--text-color: #3A3A3A !default;
|
||||
|
||||
/* Highlight JS */
|
||||
.hljs {
|
||||
padding: 0.9em !important;
|
||||
padding: $ibo-vendors-highlightjs--padding !important;
|
||||
box-shadow: 0 0px 3px 2px inset rgba(0, 0, 0, 0.4);
|
||||
border-radius: $ibo-border-radius-300;
|
||||
border-radius: $ibo-vendors-highlightjs--border-radius;
|
||||
white-space: pre-wrap;
|
||||
}
|
||||
|
||||
/* Mentions in caselogs */
|
||||
/* Note: Mind the "ul", it allows us to have a more precise rule than the original plugin's CSS so we can override it */
|
||||
ul.cke_autocomplete_panel{
|
||||
background-color: $ibo-vendors-ckeditor--autocomplete-panel--background-color;
|
||||
border: $ibo-vendors-ckeditor--autocomplete-panel--border;
|
||||
border-radius: $ibo-vendors-ckeditor--autocomplete-panel--border-radius;
|
||||
@extend %ibo-elevation-300;
|
||||
|
||||
.ibo-vendors-ckeditor--autocomplete-item{
|
||||
display: flex;
|
||||
justify-content: left;
|
||||
align-items: center;
|
||||
}
|
||||
.ibo-vendors-ckeditor--autocomplete-item-image{
|
||||
width: $ibo-vendors-ckeditor--autocomplete-item-image--size;
|
||||
height: $ibo-vendors-ckeditor--autocomplete-item-image--size;
|
||||
background-position: center center;
|
||||
background-size: 100%;
|
||||
border-radius: 100%;
|
||||
margin-right: $ibo-vendors-ckeditor--autocomplete-item-image--margin-right;
|
||||
background-color: $ibo-vendors-ckeditor--autocomplete-item-image--background-color;
|
||||
border: $ibo-vendors-ckeditor--autocomplete-item-image--border;
|
||||
}
|
||||
.ibo-vendors-ckeditor--autocomplete-item-title{
|
||||
color: $ibo-vendors-ckeditor--autocomplete-item-title--text-color;
|
||||
@extend %ibo-font-ral-bol-100;
|
||||
}
|
||||
}
|
||||
@@ -62,7 +62,15 @@ $complement-light: #d6e8ef !default;
|
||||
$frame-background-color: $gray-extra-light !default;
|
||||
$text-color: #000 !default;
|
||||
$box-radius: 0px !default;
|
||||
$box-shadow-regular: 0 1px 1px rgba(0, 0, 0, 0.15) !default;
|
||||
|
||||
$box-shadow-lightest: 0 1px 1px rgba(0, 0, 0, 0.15) !default;
|
||||
$box-shadow-lighter: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24) !default;
|
||||
$box-shadow-light: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22) !default;
|
||||
$box-shadow-regular: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23) !default;
|
||||
$box-shadow-strong: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23) !default;
|
||||
$box-shadow-stronger: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22) !default;
|
||||
$box-shadow-strongest: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22) !default;
|
||||
|
||||
$body-background-color : $white !default;
|
||||
|
||||
$hyperlink-color: $complement-color !default;
|
||||
|
||||
Reference in New Issue
Block a user