composer/iTop
6
0
Fork 0
mirror of https://github.com/Combodo/iTop.git synced 2026-02-12 23:14:18 +01:00
Code Issues Packages Projects Releases Wiki Activity

N°5298 - Fix CKEditor fullscreen style in the end-users portal

Browse Source
This commit is contained in:
Molkobain
2024-05-21 22:56:07 +02:00
parent 8cb92e3bd3
commit 6fb1afaa2f
3 changed files with 35 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
.gitignore vendored
View File

@@ -50,6 +50,9 @@ tests/*/vendor/*
# NPM: `jquery-ui` package is just there for vulnerability scans, so we don't want to version its files (only `jquery-ui-dist` is used within the code base) # NPM: `jquery-ui` package is just there for vulnerability scans, so we don't want to version its files (only `jquery-ui-dist` is used within the code base)
/node_modules/jquery-ui/** /node_modules/jquery-ui/**
# Symfony: Local env file
/resources/symfony/.env.local
# PHPUnit: Cache file, local XML working copies # PHPUnit: Cache file, local XML working copies
/tests/php-unit-tests/.phpunit.result.cache /tests/php-unit-tests/.phpunit.result.cache
/tests/php-unit-tests/phpunit.xml /tests/php-unit-tests/phpunit.xml

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

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

@@ -1309,6 +1309,7 @@ table .group-actions .item-action-wrapper .panel-body > p:last-child{
.caselog-thread--block-entry-content{ .caselog-thread--block-entry-content{
display: block; display: block;
overflow-x: auto; overflow-x: auto;
overflow-y: hidden;
> p:last-of-type{ > p:last-of-type{
margin-bottom: 0px; margin-bottom: 0px;
@@ -1729,66 +1730,46 @@ table .group-actions .item-action-wrapper .panel-body > p:last-child{
} }
} }
/* CKEditor : Adding BS error feedback */ /* CKEditor: Variables overload */
.ck {
--ck-color-focus-border: #{$brand-primary};
}
/* CKEditor: Adding BS error feedback */
.form_field .cke{ .form_field .cke{
border: 1px solid $gray-lighter; border: 1px solid $gray-lighter;
} }
.form_field.has-error .cke{ .form_field.has-error .ck-editor{
border: 1px solid $state-danger-text; border: 1px solid $state-danger-text;
border-radius: $border-radius-base; border-radius: $border-radius-base;
box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
} }
/* CKEditor : Styling notifications based on BS alerts */ /* CKEditor: Fullscreen */
.cke_notification{ .ck {
position: relative; &.cke-maximized {
padding: 15px; position: fixed !important; /* !important to overload the inline style */
margin-bottom: 18px; z-index: 1060; /* Above modals z-index (1050), see bootstrap theme */
border: 1px solid transparent; top: 0;
border-radius: 4px; left: 0;
background-color: $white width: 100% !important; /* !important to overload the inline style */
} height: 100% !important; /* !important to overload the inline style */
.cke_notification_close{ display: flex;
position: absolute; flex-direction: column;
top: 2px; justify-content: flex-start;
right: 5px;
}
.cke_notification_message{
margin-bottom: 0px;
line-height: 1em;
font-size: 1em;
}
.cke_notification_success{
display: none;
background-color: $alert-success-bg;
border-color: $alert-success-border;
color: $alert-success-text;
}
.cke_notification_warning{
background-color: $alert-warning-bg;
border-color: $alert-warning-border;
color: $alert-warning-text;
}
/* CKEditor : Misc */
.cke_toolbox_collapser,
.cke_toolbox_collapser .cke_arrow{
cursor: pointer !important;
}
.cke_toolbox_collapser.cke_toolbox_collapser_min ~ .editor-fullscreen-button {
display: block;
width: 12px;
height: 11px;
border: 1px solid $gray-lighter;
cursor: pointer;
/* !important so it overrides the .cke_reset_all style */ /* Force text content to take all space available (and scroll when content overflows) */
background-position: center center !important; .ck-editor__main {
background-repeat: no-repeat !important; flex-grow: 1;
background-size: 100% !important; overflow-y: auto;
background-image: url('../../../../../images/full-screen.png') !important;
&:hover { .ck-content {
background-color: #E5E5E5; height: 100%; /* To force content to occupy whole height, otherwise it fits its content */
} }
}
}
}
/* - Avoid page scrollbar on fullscreen */
body.cke-maximized {
overflow: hidden;
} }
/* DataTables : Selection inputs */ /* DataTables : Selection inputs */