composer/iTop
6
0
Fork 0
mirror of https://github.com/Combodo/iTop.git synced 2026-05-21 16:22:20 +02:00
Code Issues Packages Projects Releases Wiki Activity

N°7655 - Handle highlightjs styles in fronts styles and force it to apply over inlined styles

Browse Source
This commit is contained in:
Stephen Abello
2024-07-24 11:21:05 +02:00
parent c5727d366f
commit 4680b6a497
10 changed files with 218 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
datamodels/2.x/itop-portal-base/portal/public/css/portal.css
View File

File diff suppressed because one or more lines are too long

26
datamodels/2.x/itop-portal-base/portal/public/css/portal.scss
View File

@@ -18,6 +18,8 @@
@import 'variables.scss';
@import '../../../../../js/ckeditor/build/compiled-theme';
@import '../../../../../css/common/vendors/_highlightjs.scss';
/*!
* Combodo portal template v1.0.0
@@ -1827,3 +1829,27 @@ table .group-actions .item-action-wrapper .panel-body > p:last-child{
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px lighten($state-danger-border, 10);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px lighten($state-danger-border, 10);
}
/*****************************************************/
/* Redefine highlightjs variables */
/******************************************************/
$common-vendors-highlightjs--padding: $ipb-vendors-highlightjs--padding;
$common-vendors-highlightjs--box-shadow: $ipb-vendors-highlightjs--box-shadow;
$common-vendors-highlightjs--border-radius: $ipb-vendors-highlightjs--border-radius;
$common-vendors-highlightjs--code--padding-x: $ipb-vendors-highlightjs--code--padding-x;
$common-vendors-highlightjs--code--padding-y: $ipb-vendors-highlightjs--code--padding-y;
$common-vendors-highlightjs--background-color: $ipb-vendors-highlightjs--background-color;
$common-vendors-highlightjs--color: $ipb-vendors-highlightjs--color;
$common-vendors-highlightjs--keyword--color: $ipb-vendors-highlightjs--keyword--color;
$common-vendors-highlightjs--number--color: $ipb-vendors-highlightjs--number--color;
$common-vendors-highlightjs--attribute--color: $ipb-vendors-highlightjs--attribute--color;
$common-vendors-highlightjs--regexp--color: $ipb-vendors-highlightjs--regexp--color;
$common-vendors-highlightjs--meta--color: $ipb-vendors-highlightjs--meta--color;
$common-vendors-highlightjs--tag--color: $ipb-vendors-highlightjs--tag--color;
$common-vendors-highlightjs--string--color: $ipb-vendors-highlightjs--string--color;
$common-vendors-highlightjs--comment--color: $ipb-vendors-highlightjs--comment--color;
$common-vendors-highlightjs--selector-class--color: $ipb-vendors-highlightjs--selector-class--color;
$common-vendors-highlightjs--code--color: $ipb-vendors-highlightjs--code--color;

21
datamodels/2.x/itop-portal-base/portal/public/css/variables.scss
View File

@@ -957,3 +957,24 @@ $messaging-4th-peer-primary-color: $white !default;
$messaging-4th-peer-secondary-color: $gray-dark !default;
$messaging-5th-peer-primary-color: $white !default;
$messaging-5th-peer-secondary-color: $gray-dark !default;
// HighlightJS
$ipb-vendors-highlightjs--padding: 0.9rem !default;
$ipb-vendors-highlightjs--box-shadow: 0 0px 3px 2px inset rgba(0, 0, 0, 0.4) !default;
$ipb-vendors-highlightjs--border-radius: 4px !default;
$ipb-vendors-highlightjs--code--padding-x: 5px !default;
$ipb-vendors-highlightjs--code--padding-y: 3px !default;
$ipb-vendors-highlightjs--background-color: #282b2e !default;
$ipb-vendors-highlightjs--color: #e0e2e4 !default;
$ipb-vendors-highlightjs--keyword--color: #93c763 !default;
$ipb-vendors-highlightjs--number--color: #ffcd22 !default;
$ipb-vendors-highlightjs--attribute--color: #668bb0 !default;
$ipb-vendors-highlightjs--regexp--color: #d39745 !default;
$ipb-vendors-highlightjs--meta--color: #557182 !default;
$ipb-vendors-highlightjs--tag--color: #8cbbad !default;
$ipb-vendors-highlightjs--string--color: #ec7600 !default;
$ipb-vendors-highlightjs--comment--color: #818e96 !default;
$ipb-vendors-highlightjs--selector-class--color: #A082BD !default;
$ipb-vendors-highlightjs--code--color: white !default;