From 6fb1afaa2fc471697039b6ec2086d9a156180b1d Mon Sep 17 00:00:00 2001 From: Molkobain Date: Tue, 21 May 2024 22:56:07 +0200 Subject: [PATCH] =?UTF-8?q?N=C2=B05298=20-=20Fix=20CKEditor=20fullscreen?= =?UTF-8?q?=20style=20in=20the=20end-users=20portal?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .gitignore | 3 + .../portal/public/css/portal.css | 2 +- .../portal/public/css/portal.scss | 81 +++++++------------ 3 files changed, 35 insertions(+), 51 deletions(-) diff --git a/.gitignore b/.gitignore index 422feee7e..df991db82 100644 --- a/.gitignore +++ b/.gitignore @@ -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) /node_modules/jquery-ui/** +# Symfony: Local env file +/resources/symfony/.env.local + # PHPUnit: Cache file, local XML working copies /tests/php-unit-tests/.phpunit.result.cache /tests/php-unit-tests/phpunit.xml diff --git a/datamodels/2.x/itop-portal-base/portal/public/css/portal.css b/datamodels/2.x/itop-portal-base/portal/public/css/portal.css index b42c789c4..1b3f917af 100644 --- a/datamodels/2.x/itop-portal-base/portal/public/css/portal.css +++ b/datamodels/2.x/itop-portal-base/portal/public/css/portal.css @@ -32,4 +32,4 @@ * You should have received a copy of the GNU Affero General Public License *//*! * Combodo portal template v1.0.0 -*/@media (max-width:768px){body{padding-top:60px}body.home{padding-top:70px}}footer{margin:5em 1em;text-align:center}#envbanner{position:relative;z-index:10;padding:5px 15px;text-align:center}#envbanner>button{margin-left:5px;color:#000}.navbar-nav .dropdown-menu a .glyphicon,.user_infos .dropdown-menu a .glyphicon{margin-right:15px}.nav>li>a>span.brick_icon,.dropdown-menu>li>a>span.brick_icon{margin-right:20px;vertical-align:sub}#topbar .navbar-header{position:relative;z-index:2}#topbar .navbar-collapse{position:relative;z-index:1;overflow-y:auto}#topbar .navbar-collapse>.navbar-nav{padding-top:30px}#topbar .navbar-brand>img{max-height:100%}#topbar .user_infos{text-decoration:none}#topbar .user_photo{position:absolute;display:block;top:5px;left:10px;width:65px;height:65px;background-size:100%;background-position:center center;background-color:#585653;border:2px solid #FFFFFF;border-radius:100%;box-shadow:0px 2px 3px rgba(0, 0, 0, 0.4)}#topbar .user_fullname{display:inline-block;position:absolute;padding-left:85px;max-width:55%;white-space:nowrap;text-overflow:ellipsis;overflow-x:hidden}@media (min-width:768px){#sidebar{position:fixed;top:0px;left:0px;padding:0px;height:100%}#sidebar .user_card{padding:30px 0px;text-align:center}#sidebar .user_card .user_photo{margin:0px auto 10px auto;width:80px;height:80px;background-size:100%;background-position:center center;background-color:#585653;background-repeat:no-repeat;border:2px solid #FFFFFF;border-radius:100%}#sidebar .user_card .user_infos{font-size:1em;color:#FFFFFF}#sidebar .user_card .user_infos .dropdown-toggle{color:#FFFFFF}#sidebar .user_card .user_options.dropdown-menu{width:92%;left:4%}#sidebar .user_card .user_fullname{font-weight:600}#sidebar .menu{max-height:59%;overflow-y:auto;overflow-x:hidden}#sidebar .menu .navbar-nav{width:100%}#sidebar .menu .navbar-nav>li{width:100%}#sidebar .menu .navbar-nav>li>a>.brick_icon{width:1.2em;vertical-align:sub;text-align:center;margin-right:10px}#sidebar .logo{position:absolute;bottom:15px;width:100%;text-align:center}#sidebar .logo img{max-width:100%;max-height:50px}#main-wrapper{margin-top:20px}}@media (min-width:1600px){#sidebar .user_card .user_photo{width:120px;height:120px}#sidebar .menu .nav>li>a>.brick_icon{margin-right:20px}}.global_overlay{z-index:9999;display:none;position:fixed;top:0px;left:0px;width:100%;height:100%;background-color:black;opacity:0.5}#page_overlay .overlay_content{margin-top:20em;width:100%;color:white}.overlay_content{text-align:center}.content_loader{text-align:center}.content_loader .icon{margin-bottom:0.3em;height:38px;font-size:3em;animation:spin 1.2s linear infinite;-webkit-animation:spin 1.2s linear infinite;-moz-animation:spin 1.2s linear infinite;-ms-animation:spin 1.2s linear infinite}.content_loader .message{font-size:1.5em}.datatables_overlay{padding:5% 0px !important;background-color:white}.vertical-center{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.text_decoration{vertical-align:baseline;margin-right:8px}@keyframes spin{100%{transform:rotate(360deg)}}@-webkit-keyframes spin{100%{-webkit-transform:rotate(360deg)}}@-moz-keyframes spin{100%{-moz-transform:rotate(360deg)}}@-ms-keyframes spin{100%{-ms-transform:rotate(360deg)}}.list-group.tree{margin-top:11px;margin-bottom:-11px}.list-group.tree .list-group-item{padding-right:0px}#modal-for-alert{z-index:9999}.modal-content .content_loader{margin:7em 0em;text-align:center}.url-to-clipboard.url-to-clipboard-icon{opacity:0.5;cursor:pointer;transition:opacity 0.2s linear}.url-to-clipboard.url-to-clipboard-icon:hover{opacity:1}.url-to-clipboard-tooltip-copied{color:green;margin-right:3px}.mfp-bg{z-index:1200}.mfp-wrap{z-index:1210}.mfp-img{cursor:pointer;cursor:zoom-out}.twitter-typeahead .tt-menu{max-height:200px;overflow-y:auto}@media (min-width:768px){.twitter-typeahead .tt-menu{max-height:300px}}.twitter-typeahead .tt-dataset>.content_loader{margin:10px 0px;text-align:center;font-size:0.6em}.twitter-typeahead .tt-dataset>.content_loader .icon{height:25px}.twitter-typeahead .tt-dataset .no_result{text-align:center;font-style:italic}.home #main-wrapper{padding-top:15px}.home .tile{display:block;margin-bottom:8px;padding:0em 1em;min-height:4em;background-color:#FFFFFF;background-image:none;border:none;border-radius:0px;text-align:center;text-decoration:none;white-space:normal;line-height:4em;box-shadow:0 1px 1px rgba(0, 0, 0, 0.15)}.home .tile .tile_decoration{position:absolute;top:0.3em;left:2.5em}.home .tile .tile_title{font-weight:bold;color:#777}.home .tile .tile_title>span.icon{color:#EA7D1E}.home .tile .tile_description{display:none;color:#555555}.home a.tile.tile_badge>div{display:table;width:100%}.home a.tile.tile_badge>div>div{display:table-row}.home a.tile.tile_badge>div>div>div{display:table-cell}@media (max-width:768px){.home a.tile.tile_badge>div>div>div.tile_body div.tile_count{position:absolute;top:0em;right:2em;text-align:right;font-size:1.2em}.home a.tile.tile_badge>div.tile_description{display:none}}@media (min-width:768px){.home .tile{display:block;margin-bottom:25px;padding:40px 40px 30px 40px;min-height:10em;text-align:left;transition:all 0.2s linear}.home .tile:hover{box-shadow:0px 5px 10px rgba(0, 0, 0, 0.1)}.home .tile .tile_decoration{display:block;position:relative;float:left;top:1.5em;left:initial;margin:0px 30px 15px 0px}.home .tile .tile_body{display:block;padding-left:4.3em;text-align:left;line-height:1.5em}.home .tile .tile_title{margin-bottom:1em;font-size:1em}.home .tile .tile_description{display:block;text-align:left}.home a.tile.tile_badge{height:10em;overflow:hidden}.home a.tile.tile_badge>div>div>div.tile_decoration{top:unset;vertical-align:middle}.home a.tile.tile_badge>div>div>div.tile_decoration>span.icon{font-size:4em}.home a.tile.tile_badge>div>div>div.tile_body{position:relative;padding:0;margin:0;vertical-align:middle;text-align:right}.home a.tile.tile_badge>div>div>div.tile_body .tile_title{margin-top:1em;margin-bottom:0;font-size:1em;font-weight:normal}.home a.tile.tile_badge>div>div>div.tile_body .tile_count{position:absolute;top:0;right:0;font-size:2em;font-weight:bold;color:#777}.home a.tile.tile_badge .tile_description{display:none}}@media (min-width:992px){.home .tile{min-height:14em;padding:30px 40px 30px 40px}.home .tile .tile_decoration>span.icon{font-size:4em}.home .tile .tile_body{padding-left:6.3em}.home .tile .tile_title{font-size:1.4em}.home .tile .tile_description{font-size:1.2em}.home a.tile.tile_badge>div>div>div.tile_body .tile_title{font-size:1.2em}.home a.tile.tile_badge>div>div>div.tile_body .tile_count{font-size:3em}.home a.tile.tile_badge>div>div>div.tile_decoration>span.icon{font-size:4em}.home a.tile.tile_badge .tile_description{display:block;font-size:1em;text-align:center}}@media (min-width:1200px){.home .tile{margin-bottom:40px;min-height:15em;padding:40px 50px 30px 50px}.home .tile .tile_decoration{margin:0px 40px 15px 0px;top:1.5em}.home .tile .tile_decoration>span.icon{font-size:6em}.home .tile .tile_body{padding-left:9.1em}.home .tile .tile_title{font-size:1.5em}.home .tile .tile_description{font-size:1.2em}.home a.tile.tile_badge>div>div>div.tile_decoration>span.icon{font-size:6em}}#main-header{text-align:center}#main-header-title{margin-bottom:15px}#main-header-title .subtitle{display:block;margin-top:8px;margin-bottom:20px}#main-header-actions{margin-bottom:15px}@media (min-width:768px){#main-header:after{clear:both}#main-header-title{float:left;margin-bottom:0px;min-height:6em;text-align:left}#main-header-actions{float:right;margin-bottom:0px}}.dataTables_wrapper{padding:10px 10px}.dataTable.table td img{max-width:100%;height:initial !important}#brick_content_toolbar{padding:10px}#brick_content_toolbar>div label{font-weight:normal;white-space:nowrap;text-align:left}#brick_content_toolbar>div label input{margin-left:0.5em;display:inline-block;width:130px}.home .tile.tile_communication{padding:20px;background-color:#EDEDED;border:none;font-weight:initial}.home .tile_communication .carousel{margin-bottom:0px;width:100%;height:200px}#user-profile-wrapper .user_profile_picture .content_loader{position:absolute;z-index:1;top:0;left:0;padding-top:4em;width:100%;height:100%;text-align:center;color:white;background-color:black;opacity:0.5}#user-profile-wrapper .user_profile_picture .preview{display:inline-block;position:relative;max-width:175px;max-height:175px;overflow:hidden}#user-profile-wrapper .user_profile_picture .preview img{max-width:100%;max-height:100%}#user-profile-wrapper .user_profile_picture .actions{display:inline-block;vertical-align:top;margin-left:5px}#user-profile-wrapper .user_profile_picture .actions .btn{display:block;position:relative;margin-bottom:10px}#user-profile-wrapper .user_profile_picture .actions .btn:last-child{margin-bottom:0px}#user-profile-wrapper .user_profile_picture .actions .btn.btn_edit{overflow:hidden}#user-profile-wrapper .user_profile_picture .actions .btn.btn_edit input{position:absolute;top:0px;left:0px;width:100%;height:100%;opacity:0;cursor:pointer}#brick_content_tree{position:relative;margin-top:0px}#brick_content_tree .list-group-item{padding-top:0px}#brick_content_tree .list-group-item>.tree-item-wrapper{display:block;padding-top:10px;color:inherit;text-decoration:inherit;cursor:pointer}.list-group-item>.list-group-item-actions{position:absolute;top:10px;right:10px}.list-group-item:hover>.list-group-item-actions,.mosaic-group-item:hover>.mosaic-group-item-actions{display:block}.list-group-item .list-group-item-actions a:not(:first-child),.mosaic-group-item .mosaic-group-item-actions a:not(:first-child){margin-left:10px}.list-group-item .keep-spinning{animation:spin 1s linear infinite;-webkit-animation:spin 1s linear infinite;-moz-animation:spin 1s linear infinite;-ms-animation:spin 1s linear infinite}.list-group.tree .list-group-item .list-group-item-description{display:block;margin-top:3px;font-size:0.8em}.list-group-item-actions .group-actions-wrapper,.mosaic-group-item-actions .group-actions-wrapper,table .group-actions-wrapper{text-align:center}table .group-actions{position:relative}.list-group-item-actions a.glyphicon-menu-hamburger,.mosaic-group-item-actions a.glyphicon-menu-hamburger,table .group-actions a.glyphicon-menu-hamburger{cursor:pointer;text-decoration:none}.list-group-item-actions .item-action-wrapper,.mosaic-group-item-actions .item-action-wrapper,table .group-actions .item-action-wrapper{display:none;position:absolute;z-index:5;bottom:-7px;right:15px;-webkit-box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15);-moz-box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15);box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15)}.list-group-item-actions .item-action-wrapper .glyphicon,.mosaic-group-item-actions .item-action-wrapper .glyphicon,table .group-actions .item-action-wrapper .glyphicon{margin-right:0.6em}.list-group-item-actions .item-action-wrapper.collapse.in,.mosaic-group-item-actions .item-action-wrapper.collapse.in,table .group-actions .item-action-wrapper.collapse.in{display:block}.list-group-item-actions .item-action-wrapper .panel-body>p,.mosaic-group-item-actions .item-action-wrapper .panel-body>p,table .group-actions .item-action-wrapper .panel-body>p{text-align:left;white-space:nowrap}.list-group-item-actions .item-action-wrapper .panel-body>p:last-child,.mosaic-group-item-actions .item-action-wrapper .panel-body>p:last-child,table .group-actions .item-action-wrapper .panel-body>p:last-child{margin-bottom:0px}#brick_content_empty{display:none;padding:40px;font-size:1.3em;font-style:italic}#brick_tree_overlay,#brick_mosaic_overlay{display:none;padding:8% 0px;border-radius:0px 0px 4px 4px;font-size:1em}#brick_content_mosaic{position:relative;padding:10px 10px 1px 10px}#mosaic-breadcrumb{margin-bottom:5px;padding-left:0px;font-size:12px;white-space:nowrap;overflow-x:hidden;text-overflow:ellipsis}.mosaic-group{display:none}.mosaic-group:first-of-type{display:block}.mosaic-group-back,.mosaic-group-item{position:relative;height:55px;margin-bottom:10px;text-align:center;color:#FFFFFF}.mosaic-group-back{font-size:25px}.mosaic-item{display:table;width:100%;height:100%;overflow:hidden;background-color:#585653;transition:all linear 0.3s}.mosaic-item,.mosaic-item:hover,.mosaic-item:active,.mosaic-item:focus,.mosaic-item:visited{color:#FFFFFF;text-decoration:none}.mosaic-item:active{background-color:#9e510f}.mosaic-item-image,.mosaic-item-text{display:table-cell;text-align:center;vertical-align:middle}.mosaic-item-image>img{max-width:85%}.mosaic-item-text{max-width:1px;overflow:hidden}.mosaic-group-item>.mosaic-group-item-actions{position:absolute;top:5px;right:5px}.mosaic-group-item-actions>a{color:#FFFFFF;text-decoration:none}.mosaic-group-item-actions>a:hover,.mosaic-group-item-actions>a:focus{color:#EEEEEE}@media (max-width:768px){.mosaic-group-item>.mosaic-group-item-actions{top:12px;right:6px}.mosaic-group-item>.mosaic-group-item-actions>.glyphicon{margin-top:5px}.mosaic-group-item-actions>a{font-size:20px}.mosaic-item-image{width:55px;padding:10px}.mosaic-item-image>img{max-height:30px}.mosaic-item-name{font-size:14px;max-height:50px;overflow:hidden}.mosaic-item-description{display:none}.mosaic-item-layout-2 .mosaic-item-description{display:block}.mosaic-item-layout-5 .mosaic-item-name,.mosaic-item-layout-7 .mosaic-item-name{padding-right:40px}}@media (min-width:768px){.mosaic-group-item{display:inline-block;width:32%;height:120px;margin-right:1.95%;word-break:break-word}.mosaic-item{padding:10px}.mosaic-item:hover,.mosaic-item:focus{background-color:#EA7D1E;box-shadow:0px 3px 5px rgba(0, 0, 0, 0.2)}.mosaic-item-text .mosaic-item-text-wrapper{max-height:100px}.mosaic-item-name{max-height:100%;overflow:hidden;font-weight:600;font-size:12px}.mosaic-item-description{overflow:hidden;text-overflow:ellipsis}.mosaic-item-layout-1 .mosaic-item-name{font-weight:inherit;font-size:14px}.mosaic-item-layout-7 .mosaic-item-image{display:none}.mosaic-item-layout-3 .mosaic-item-description,.mosaic-item-layout-7 .mosaic-item-description{margin-top:10px;max-height:40px;font-size:10px}.mosaic-item-layout-5 .mosaic-item-image,.mosaic-item-layout-7 .mosaic-item-image{display:table-cell;width:65px;padding-left:5px;padding-right:10px}.mosaic-item-layout-5 .mosaic-item-image>img,.mosaic-item-layout-7 .mosaic-item-image>img{max-width:65px;max-height:100px}}@media (min-width:992px){.mosaic-item{padding:10px 15px}.mosaic-group-back{font-size:40px}.mosaic-item-layout-5 .mosaic-item-image,.mosaic-item-layout-7 .mosaic-item-image{width:105px;padding-right:18px}.mosaic-item-layout-5 .mosaic-item-image>img,.mosaic-item-layout-7 .mosaic-item-image>img{max-width:105px;max-height:100px}.mosaic-item-layout-5 .mosaic-item-name,.mosaic-item-layout-7 .mosaic-item-name{font-size:12px}}@media (min-width:1200px){.mosaic-group-item{width:24%;height:140px;margin-right:1.3%}.mosaic-item-text .mosaic-item-text-wrapper{max-height:120px}.mosaic-item-layout-5 .mosaic-item-image>img,.mosaic-item-layout-7 .mosaic-item-image>img{max-height:120px}}@media (min-width:768px) and (max-width:992px){.mosaic-group-item:nth-child(3n){margin-right:0px}}@media (min-width:992px) and (max-width:1200px){.mosaic-group-item:nth-child(3n){margin-right:0px}}@media (min-width:1200px){.mosaic-group-item:nth-child(4n){margin-right:0px}}.tile.tile-filter-brick a.tile_decoration{cursor:default}.tile.tile-filter-brick .tile_filterbox .form-group:first-child{width:100%}.tile.tile-filter-brick .tile_filterbox input[type="text"]{width:100%}@media (max-width:768px){.tile.tile-filter-brick .tile_filterbox .form-group:first-child{margin-bottom:5px}}@media (min-width:768px){.tile.tile-filter-brick .tile_filterbox form{display:table}.tile.tile-filter-brick .tile_filterbox .form-group:first-child{display:table-cell}.tile.tile-filter-brick .tile_filterbox button[type="submit"]{margin-left:5px}}@media (min-width:992px){.tile.tile-filter-brick .tile_filterbox .form-group:first-child{display:table-cell}}.form_field_label>.control-label[data-tooltip-instantiated="true"]::after{content:"?";padding-left:3px;vertical-align:top;cursor:pointer;color:#777;font-size:0.85em}.form_field .form_mandatory .control-label:after{content:"*";position:relative;left:3px;color:#EA7D1E;font-size:0.9em}.form-control-static img{max-width:100% !important;height:initial !important}.selectobject .input-group-addon{cursor:pointer}.inline-image{cursor:pointer;cursor:zoom-in}.caselog-thread{position:relative;border:1px solid #ddd;border-top:none}.caselog-thread--header{padding:8px;font-size:11px;background-color:rgba(242, 242, 242, 0.38);border-bottom:1px solid #ddd}.caselog-thread--header span{color:#777}.caselog-thread--header-toggler{cursor:pointer;color:inherit;text-decoration:none}.caselog-thread--header-toggler:hover,.caselog-thread--header-toggler:active,.caselog-thread--header-toggler:focus{color:inherit;text-decoration:none}.caselog-thread--header-toggler:not(:first-child)::before{content:"-";margin:0 0.4em 0 0.2em}.caselog-thread--header-info>span{margin-left:0.5em}.caselog-thread--header-info>span>span{margin-left:0.5em}.caselog-thread--header-info>span:first-child{margin-left:0}.caselog-thread--content{padding:5px;background-color:#f2f2f2}.caselog-thread--date{margin-bottom:10px;text-align:center;color:#808080}.caselog-thread--date:first-child{display:none}.caselog-thread--block{position:relative;min-height:40px;margin-bottom:15px}.caselog-thread--block:last-child{margin-bottom:0px}.caselog-thread--block-medallion,.caselog-thread--block-entries{box-shadow:0 1px 1px rgba(0, 0, 0, 0.15)}.caselog-thread--block-medallion{position:absolute;top:0px;left:0px;width:40px;height:40px;text-align:center;line-height:40px;font-size:18px;color:#FFFFFF;background-size:100%;background-position:center center;background-color:#585653;background-repeat:no-repeat;border-radius:100%}.caselog-thread--block-user{display:none;margin-left:54px;font-size:12px;font-weight:bold;color:#FFFFFF}.caselog-thread--block-entries{position:relative;display:inline-block;margin-left:60px;max-width:calc(100% - 60px);background-color:#585653;color:#FFFFFF}.caselog-thread--block-entry{position:relative;padding:8px 10px;border-bottom:1px solid rgba(0, 0, 0, 0.05)}.caselog-thread--block-entry img{max-width:100%}.caselog-thread--block-entry.closed{cursor:pointer}.caselog-thread--block-entry.closed .caselog-thread--block-entry-content{height:0px;overflow-y:hidden}.caselog-thread--block-entry.closed .caselog-thread--block-entry-content:after{content:"...";position:absolute;top:10px;left:9px}.caselog-thread--block-entry:first-child .caselog-thread--block-entry-content:before{content:"";position:absolute;top:0px;left:-15px;width:15px;height:15px;border:8px solid transparent;border-top-color:#585653;border-right-color:#585653}.caselog-thread--block-entry:last-child{border-bottom:none}.caselog-thread--block-entry:hover .caselog-thread--block-entry-date{opacity:1}.caselog-thread--block-entry:hover:not(.closed) .caselog-thread--block-entry-toggler{opacity:1}.caselog-thread--block-entry-content{display:block;overflow-x:auto}.caselog-thread--block-entry-content>p:last-of-type{margin-bottom:0px}.caselog-thread--block-entry-content table{width:unset !important;max-width:max-content}.caselog-thread--block-entry-date{margin-top:5px;opacity:0.6;font-size:10px;text-align:right;transition:all 0.2s linear}.caselog-thread--block-entry-toggler{position:absolute;top:2px;right:5px;padding:2px 5px;opacity:0;cursor:pointer;background-color:#585653;transition:all 0.2s linear}.caselog-thread--block-me{text-align:right}.caselog-thread--block-me .caselog-thread--block-medallion{left:initial;right:0px}.caselog-thread--block-me .caselog-thread--block-user{display:none;margin-left:initial;margin-right:54px}.caselog-thread--block-me .caselog-thread--block-entries{margin-left:initial;margin-right:60px;text-align:right}.caselog-thread--block-me .caselog-thread--block-entries .caselog-thread--block-entry{text-align:left}.caselog-thread--block-me .caselog-thread--block-entries .caselog-thread--block-entry .caselog-thread--block-entry-toggler{right:initial;left:5px}.caselog-thread--block-me .caselog-thread--block-entries .caselog-thread--block-entry:first-child .caselog-thread--block-entry-content:before{left:initial;right:-15px;border-right-color:transparent;border-left-color:#585653}.caselog-thread--block-color-1 .caselog-thread--block-medallion{color:#444;background-color:#FFFFFF}.caselog-thread--block-color-1 .caselog-thread--block-user{color:#FFFFFF}.caselog-thread--block-color-1 .caselog-thread--block-entries{color:#444;background-color:#FFFFFF}.caselog-thread--block-color-1 .caselog-thread--block-entries .caselog-thread--block-entry .caselog-thread--block-entry-toggler{background-color:#FFFFFF}.caselog-thread--block-color-1 .caselog-thread--block-entries .caselog-thread--block-entry:first-child .caselog-thread--block-entry-content:before{border-top-color:#FFFFFF;border-right-color:#FFFFFF}.caselog-thread--block-color-2 .caselog-thread--block-medallion{color:#444;background-color:#FFFFFF}.caselog-thread--block-color-2 .caselog-thread--block-user{color:#FFFFFF}.caselog-thread--block-color-2 .caselog-thread--block-entries{color:#444;background-color:#FFFFFF}.caselog-thread--block-color-2 .caselog-thread--block-entries .caselog-thread--block-entry .caselog-thread--block-entry-toggler{background-color:#FFFFFF}.caselog-thread--block-color-2 .caselog-thread--block-entries .caselog-thread--block-entry:first-child .caselog-thread--block-entry-content:before{border-top-color:#FFFFFF;border-right-color:#FFFFFF}.caselog-thread--block-color-3 .caselog-thread--block-medallion{color:#444;background-color:#FFFFFF}.caselog-thread--block-color-3 .caselog-thread--block-user{color:#FFFFFF}.caselog-thread--block-color-3 .caselog-thread--block-entries{color:#444;background-color:#FFFFFF}.caselog-thread--block-color-3 .caselog-thread--block-entries .caselog-thread--block-entry .caselog-thread--block-entry-toggler{background-color:#FFFFFF}.caselog-thread--block-color-3 .caselog-thread--block-entries .caselog-thread--block-entry:first-child .caselog-thread--block-entry-content:before{border-top-color:#FFFFFF;border-right-color:#FFFFFF}.caselog-thread--block-color-4 .caselog-thread--block-medallion{color:#444;background-color:#FFFFFF}.caselog-thread--block-color-4 .caselog-thread--block-user{color:#FFFFFF}.caselog-thread--block-color-4 .caselog-thread--block-entries{color:#444;background-color:#FFFFFF}.caselog-thread--block-color-4 .caselog-thread--block-entries .caselog-thread--block-entry .caselog-thread--block-entry-toggler{background-color:#FFFFFF}.caselog-thread--block-color-4 .caselog-thread--block-entries .caselog-thread--block-entry:first-child .caselog-thread--block-entry-content:before{border-top-color:#FFFFFF;border-right-color:#FFFFFF}.caselog-thread--block-color-5 .caselog-thread--block-medallion{color:#444;background-color:#FFFFFF}.caselog-thread--block-color-5 .caselog-thread--block-user{color:#FFFFFF}.caselog-thread--block-color-5 .caselog-thread--block-entries{color:#444;background-color:#FFFFFF}.caselog-thread--block-color-5 .caselog-thread--block-entries .caselog-thread--block-entry .caselog-thread--block-entry-toggler{background-color:#FFFFFF}.caselog-thread--block-color-5 .caselog-thread--block-entries .caselog-thread--block-entry:first-child .caselog-thread--block-entry-content:before{border-top-color:#FFFFFF;border-right-color:#FFFFFF}.form_linkedset_toggler,.form_linkedset_toggler:hover,.form_linkedset_toggler:focus,.form_upload_toggler,.form_upload_toggler:hover,.form_upload_toggler:focus{text-decoration:none;color:inherit}.form_linkedset_toggler>.text,.form_upload_toggler>.text{margin-left:0.4em}.form_linkedset_toggler>.text:before,.form_upload_toggler>.text:before{content:"("}.form_linkedset_toggler>.text:after,.form_upload_toggler>.text:after{content:")"}.form_linkedset_toggler>.glyphicon,.form_upload_toggler>.glyphicon{margin-left:0.5em;font-size:0.85em;color:#EA7D1E;transition:transform 0.2s linear}.form_linkedset_toggler>.glyphicon.collapsed,.form_upload_toggler>.glyphicon.collapsed{transform:rotateZ(-90deg)}.form_linkedset_wrapper .datatables_overlay{padding:8px !important}.form_linkedset_wrapper .overlay_content{font-size:0.6em}.form_linkedset_wrapper .content_loader{margin:0px}.form_linkedset_wrapper .content_loader .icon{height:23px}.form_linkedset_wrapper .dataTables_wrapper{margin-bottom:5px;padding:0px}.attachments_container .attachments-list thead>tr>th{text-align:center}.attachments_container .attachments-list tbody>tr>td{padding:0.5rem 8px;text-align:left;vertical-align:middle}.attachments_container .attachments-list tbody>tr>td[role="icon"]{text-align:center}.attachments_container .attachments-list tbody>tr>td[role="icon"] img{max-height:32px}.attachments_container .attachments-list tbody>tr>td[role="formatted-size"]{text-align:right}.attachments_container .attachments-list tbody>tr>td[role="delete"]{text-align:center}.attachment-tooltip{max-width:100%;max-height:100%}.upload_container input{display:inline}.upload_container .loader{visibility:hidden;margin-left:7px;font-size:1.2em;animation:spin 1s linear infinite;-webkit-animation:spin 1s linear infinite;-moz-animation:spin 1s linear infinite;-ms-animation:spin 1s linear infinite}#drag_overlay{display:block;top:inherit;bottom:0px;height:0px}#drag_overlay .overlay_content{margin-top:5em;width:100%;color:white}#drag_overlay .overlay_content .icon{font-size:3em}#drag_overlay .overlay_content .message{font-size:1.5em}@media (min-width:768px){#drag_overlay.drag_in{animation:show-drop-zone 0.3s ease-out forwards;-webkit-animation:show-drop-zone 0.3s ease-out forwards;-moz-animation:show-drop-zone 0.3s ease-out forwards;-ms-animation:show-drop-zone 0.3s ease-out forwards}#drag_overlay.drag_out{animation:hide-drop-zone 0.3s ease-out forwards;-webkit-animation:hide-drop-zone 0.3s ease-out forwards;-moz-animation:hide-drop-zone 0.3s ease-out forwards;-ms-animation:hide-drop-zone 0.3s ease-out forwards}@keyframes show-drop-zone{100%{height:20%}}@-webkit-keyframes show-drop-zone{100%{height:20%}}@-moz-keyframes show-drop-zone{100%{height:20%}}@-ms-keyframes show-drop-zone{100%{height:20%}}@keyframes hide-drop-zone{0%{height:20%}100%{height:0%}}@-webkit-keyframes hide-drop-zone{0%{height:20%}100%{height:0%}}@-moz-keyframes hide-drop-zone{0%{height:20%}100%{height:0%}}@-ms-keyframes hide-drop-zone{0%{height:20%}100%{height:0%}}}.form_fields .file_open_link{margin-left:10px}.form_buttons{padding-top:20px;text-align:center}.form_buttons .form_btn_misc{margin-bottom:20px}.form_buttons .form_btn_transitions{margin-bottom:20px}.form_buttons .btn .glyphicon{margin-right:0.5em}.form_btn_regular.sticky{display:none}@media (min-width:768px){.form_buttons .form_btn_misc{float:left !important}.form_buttons .form_btn_transitions{float:right !important;margin-left:3px}.form_buttons .form_btn_regular{text-align:right}.form_buttons .form_btn_regular .btn{width:inherit}.form_btn_regular.sticky{display:block;position:fixed;bottom:5em;right:-2px;padding:15px;background-color:#FFFFFF;border:1px solid #ddd;border-radius:0px;transition:right 0.3s}.form_btn_regular.sticky.closed{right:-75px}.form_btn_regular.sticky button{display:block}.form_btn_regular.sticky button:first-child{margin-bottom:4px}}.form_field .cke{border:1px solid #ddd}.form_field.has-error .cke{border:1px solid #b94a48;border-radius:0px;box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075)}.cke_notification{position:relative;padding:15px;margin-bottom:18px;border:1px solid transparent;border-radius:4px;background-color:#FFFFFF}.cke_notification_close{position:absolute;top:2px;right:5px}.cke_notification_message{margin-bottom:0px;line-height:1em;font-size:1em}.cke_notification_success{display:none;background-color:#dff0d8;border-color:#58a959;color:#468847}.cke_notification_warning{background-color:#fcf8e3;border-color:#ceae78;color:#c09853}.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 #ddd;cursor:pointer;background-position:center center !important;background-repeat:no-repeat !important;background-size:100% !important;background-image:url("../../../../../images/full-screen.png") !important}.cke_toolbox_collapser.cke_toolbox_collapser_min~.editor-fullscreen-button:hover{background-color:#E5E5E5}.dataTable.table th span.row_input,.dataTable.table td span.row_input{display:inline-block;width:100%;text-align:center}.wiki_broken_link{text-decoration:line-through}.tippy-content{white-space:pre-line}@media print{a[href]::after,img[src]::after{content:none !important}.modal.in{position:relative;top:unset;z-index:unset;overflow-y:unset}#drag_overlay{display:none}}.form_linkedset_wrapper .form_field_label{display:none}.form_linkedset_wrapper .form_field_control{width:100% !important}.form_linkedset_wrapper .dataTables_scrollHead th.mandatory:after{content:"*";position:relative;left:3px;color:#EA7D1E;font-size:0.9em}.form_linkedset_wrapper input:invalid{border-color:#c76e6d;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075)}.form_linkedset_wrapper input:invalid:focus{border-color:#b94a48;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392} \ No newline at end of file +*/@media (max-width:768px){body{padding-top:60px}body.home{padding-top:70px}}footer{margin:5em 1em;text-align:center}#envbanner{position:relative;z-index:10;padding:5px 15px;text-align:center}#envbanner>button{margin-left:5px;color:#000}.navbar-nav .dropdown-menu a .glyphicon,.user_infos .dropdown-menu a .glyphicon{margin-right:15px}.nav>li>a>span.brick_icon,.dropdown-menu>li>a>span.brick_icon{margin-right:20px;vertical-align:sub}#topbar .navbar-header{position:relative;z-index:2}#topbar .navbar-collapse{position:relative;z-index:1;overflow-y:auto}#topbar .navbar-collapse>.navbar-nav{padding-top:30px}#topbar .navbar-brand>img{max-height:100%}#topbar .user_infos{text-decoration:none}#topbar .user_photo{position:absolute;display:block;top:5px;left:10px;width:65px;height:65px;background-size:100%;background-position:center center;background-color:#585653;border:2px solid #FFFFFF;border-radius:100%;box-shadow:0px 2px 3px rgba(0, 0, 0, 0.4)}#topbar .user_fullname{display:inline-block;position:absolute;padding-left:85px;max-width:55%;white-space:nowrap;text-overflow:ellipsis;overflow-x:hidden}@media (min-width:768px){#sidebar{position:fixed;top:0px;left:0px;padding:0px;height:100%}#sidebar .user_card{padding:30px 0px;text-align:center}#sidebar .user_card .user_photo{margin:0px auto 10px auto;width:80px;height:80px;background-size:100%;background-position:center center;background-color:#585653;background-repeat:no-repeat;border:2px solid #FFFFFF;border-radius:100%}#sidebar .user_card .user_infos{font-size:1em;color:#FFFFFF}#sidebar .user_card .user_infos .dropdown-toggle{color:#FFFFFF}#sidebar .user_card .user_options.dropdown-menu{width:92%;left:4%}#sidebar .user_card .user_fullname{font-weight:600}#sidebar .menu{max-height:59%;overflow-y:auto;overflow-x:hidden}#sidebar .menu .navbar-nav{width:100%}#sidebar .menu .navbar-nav>li{width:100%}#sidebar .menu .navbar-nav>li>a>.brick_icon{width:1.2em;vertical-align:sub;text-align:center;margin-right:10px}#sidebar .logo{position:absolute;bottom:15px;width:100%;text-align:center}#sidebar .logo img{max-width:100%;max-height:50px}#main-wrapper{margin-top:20px}}@media (min-width:1600px){#sidebar .user_card .user_photo{width:120px;height:120px}#sidebar .menu .nav>li>a>.brick_icon{margin-right:20px}}.global_overlay{z-index:9999;display:none;position:fixed;top:0px;left:0px;width:100%;height:100%;background-color:black;opacity:0.5}#page_overlay .overlay_content{margin-top:20em;width:100%;color:white}.overlay_content{text-align:center}.content_loader{text-align:center}.content_loader .icon{margin-bottom:0.3em;height:38px;font-size:3em;animation:spin 1.2s linear infinite;-webkit-animation:spin 1.2s linear infinite;-moz-animation:spin 1.2s linear infinite;-ms-animation:spin 1.2s linear infinite}.content_loader .message{font-size:1.5em}.datatables_overlay{padding:5% 0px !important;background-color:white}.vertical-center{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.text_decoration{vertical-align:baseline;margin-right:8px}@keyframes spin{100%{transform:rotate(360deg)}}@-webkit-keyframes spin{100%{-webkit-transform:rotate(360deg)}}@-moz-keyframes spin{100%{-moz-transform:rotate(360deg)}}@-ms-keyframes spin{100%{-ms-transform:rotate(360deg)}}.list-group.tree{margin-top:11px;margin-bottom:-11px}.list-group.tree .list-group-item{padding-right:0px}#modal-for-alert{z-index:9999}.modal-content .content_loader{margin:7em 0em;text-align:center}.url-to-clipboard.url-to-clipboard-icon{opacity:0.5;cursor:pointer;transition:opacity 0.2s linear}.url-to-clipboard.url-to-clipboard-icon:hover{opacity:1}.url-to-clipboard-tooltip-copied{color:green;margin-right:3px}.mfp-bg{z-index:1200}.mfp-wrap{z-index:1210}.mfp-img{cursor:pointer;cursor:zoom-out}.twitter-typeahead .tt-menu{max-height:200px;overflow-y:auto}@media (min-width:768px){.twitter-typeahead .tt-menu{max-height:300px}}.twitter-typeahead .tt-dataset>.content_loader{margin:10px 0px;text-align:center;font-size:0.6em}.twitter-typeahead .tt-dataset>.content_loader .icon{height:25px}.twitter-typeahead .tt-dataset .no_result{text-align:center;font-style:italic}.home #main-wrapper{padding-top:15px}.home .tile{display:block;margin-bottom:8px;padding:0em 1em;min-height:4em;background-color:#FFFFFF;background-image:none;border:none;border-radius:0px;text-align:center;text-decoration:none;white-space:normal;line-height:4em;box-shadow:0 1px 1px rgba(0, 0, 0, 0.15)}.home .tile .tile_decoration{position:absolute;top:0.3em;left:2.5em}.home .tile .tile_title{font-weight:bold;color:#777}.home .tile .tile_title>span.icon{color:#EA7D1E}.home .tile .tile_description{display:none;color:#555555}.home a.tile.tile_badge>div{display:table;width:100%}.home a.tile.tile_badge>div>div{display:table-row}.home a.tile.tile_badge>div>div>div{display:table-cell}@media (max-width:768px){.home a.tile.tile_badge>div>div>div.tile_body div.tile_count{position:absolute;top:0em;right:2em;text-align:right;font-size:1.2em}.home a.tile.tile_badge>div.tile_description{display:none}}@media (min-width:768px){.home .tile{display:block;margin-bottom:25px;padding:40px 40px 30px 40px;min-height:10em;text-align:left;transition:all 0.2s linear}.home .tile:hover{box-shadow:0px 5px 10px rgba(0, 0, 0, 0.1)}.home .tile .tile_decoration{display:block;position:relative;float:left;top:1.5em;left:initial;margin:0px 30px 15px 0px}.home .tile .tile_body{display:block;padding-left:4.3em;text-align:left;line-height:1.5em}.home .tile .tile_title{margin-bottom:1em;font-size:1em}.home .tile .tile_description{display:block;text-align:left}.home a.tile.tile_badge{height:10em;overflow:hidden}.home a.tile.tile_badge>div>div>div.tile_decoration{top:unset;vertical-align:middle}.home a.tile.tile_badge>div>div>div.tile_decoration>span.icon{font-size:4em}.home a.tile.tile_badge>div>div>div.tile_body{position:relative;padding:0;margin:0;vertical-align:middle;text-align:right}.home a.tile.tile_badge>div>div>div.tile_body .tile_title{margin-top:1em;margin-bottom:0;font-size:1em;font-weight:normal}.home a.tile.tile_badge>div>div>div.tile_body .tile_count{position:absolute;top:0;right:0;font-size:2em;font-weight:bold;color:#777}.home a.tile.tile_badge .tile_description{display:none}}@media (min-width:992px){.home .tile{min-height:14em;padding:30px 40px 30px 40px}.home .tile .tile_decoration>span.icon{font-size:4em}.home .tile .tile_body{padding-left:6.3em}.home .tile .tile_title{font-size:1.4em}.home .tile .tile_description{font-size:1.2em}.home a.tile.tile_badge>div>div>div.tile_body .tile_title{font-size:1.2em}.home a.tile.tile_badge>div>div>div.tile_body .tile_count{font-size:3em}.home a.tile.tile_badge>div>div>div.tile_decoration>span.icon{font-size:4em}.home a.tile.tile_badge .tile_description{display:block;font-size:1em;text-align:center}}@media (min-width:1200px){.home .tile{margin-bottom:40px;min-height:15em;padding:40px 50px 30px 50px}.home .tile .tile_decoration{margin:0px 40px 15px 0px;top:1.5em}.home .tile .tile_decoration>span.icon{font-size:6em}.home .tile .tile_body{padding-left:9.1em}.home .tile .tile_title{font-size:1.5em}.home .tile .tile_description{font-size:1.2em}.home a.tile.tile_badge>div>div>div.tile_decoration>span.icon{font-size:6em}}#main-header{text-align:center}#main-header-title{margin-bottom:15px}#main-header-title .subtitle{display:block;margin-top:8px;margin-bottom:20px}#main-header-actions{margin-bottom:15px}@media (min-width:768px){#main-header:after{clear:both}#main-header-title{float:left;margin-bottom:0px;min-height:6em;text-align:left}#main-header-actions{float:right;margin-bottom:0px}}.dataTables_wrapper{padding:10px 10px}.dataTable.table td img{max-width:100%;height:initial !important}#brick_content_toolbar{padding:10px}#brick_content_toolbar>div label{font-weight:normal;white-space:nowrap;text-align:left}#brick_content_toolbar>div label input{margin-left:0.5em;display:inline-block;width:130px}.home .tile.tile_communication{padding:20px;background-color:#EDEDED;border:none;font-weight:initial}.home .tile_communication .carousel{margin-bottom:0px;width:100%;height:200px}#user-profile-wrapper .user_profile_picture .content_loader{position:absolute;z-index:1;top:0;left:0;padding-top:4em;width:100%;height:100%;text-align:center;color:white;background-color:black;opacity:0.5}#user-profile-wrapper .user_profile_picture .preview{display:inline-block;position:relative;max-width:175px;max-height:175px;overflow:hidden}#user-profile-wrapper .user_profile_picture .preview img{max-width:100%;max-height:100%}#user-profile-wrapper .user_profile_picture .actions{display:inline-block;vertical-align:top;margin-left:5px}#user-profile-wrapper .user_profile_picture .actions .btn{display:block;position:relative;margin-bottom:10px}#user-profile-wrapper .user_profile_picture .actions .btn:last-child{margin-bottom:0px}#user-profile-wrapper .user_profile_picture .actions .btn.btn_edit{overflow:hidden}#user-profile-wrapper .user_profile_picture .actions .btn.btn_edit input{position:absolute;top:0px;left:0px;width:100%;height:100%;opacity:0;cursor:pointer}#brick_content_tree{position:relative;margin-top:0px}#brick_content_tree .list-group-item{padding-top:0px}#brick_content_tree .list-group-item>.tree-item-wrapper{display:block;padding-top:10px;color:inherit;text-decoration:inherit;cursor:pointer}.list-group-item>.list-group-item-actions{position:absolute;top:10px;right:10px}.list-group-item:hover>.list-group-item-actions,.mosaic-group-item:hover>.mosaic-group-item-actions{display:block}.list-group-item .list-group-item-actions a:not(:first-child),.mosaic-group-item .mosaic-group-item-actions a:not(:first-child){margin-left:10px}.list-group-item .keep-spinning{animation:spin 1s linear infinite;-webkit-animation:spin 1s linear infinite;-moz-animation:spin 1s linear infinite;-ms-animation:spin 1s linear infinite}.list-group.tree .list-group-item .list-group-item-description{display:block;margin-top:3px;font-size:0.8em}.list-group-item-actions .group-actions-wrapper,.mosaic-group-item-actions .group-actions-wrapper,table .group-actions-wrapper{text-align:center}table .group-actions{position:relative}.list-group-item-actions a.glyphicon-menu-hamburger,.mosaic-group-item-actions a.glyphicon-menu-hamburger,table .group-actions a.glyphicon-menu-hamburger{cursor:pointer;text-decoration:none}.list-group-item-actions .item-action-wrapper,.mosaic-group-item-actions .item-action-wrapper,table .group-actions .item-action-wrapper{display:none;position:absolute;z-index:5;bottom:-7px;right:15px;-webkit-box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15);-moz-box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15);box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15)}.list-group-item-actions .item-action-wrapper .glyphicon,.mosaic-group-item-actions .item-action-wrapper .glyphicon,table .group-actions .item-action-wrapper .glyphicon{margin-right:0.6em}.list-group-item-actions .item-action-wrapper.collapse.in,.mosaic-group-item-actions .item-action-wrapper.collapse.in,table .group-actions .item-action-wrapper.collapse.in{display:block}.list-group-item-actions .item-action-wrapper .panel-body>p,.mosaic-group-item-actions .item-action-wrapper .panel-body>p,table .group-actions .item-action-wrapper .panel-body>p{text-align:left;white-space:nowrap}.list-group-item-actions .item-action-wrapper .panel-body>p:last-child,.mosaic-group-item-actions .item-action-wrapper .panel-body>p:last-child,table .group-actions .item-action-wrapper .panel-body>p:last-child{margin-bottom:0px}#brick_content_empty{display:none;padding:40px;font-size:1.3em;font-style:italic}#brick_tree_overlay,#brick_mosaic_overlay{display:none;padding:8% 0px;border-radius:0px 0px 4px 4px;font-size:1em}#brick_content_mosaic{position:relative;padding:10px 10px 1px 10px}#mosaic-breadcrumb{margin-bottom:5px;padding-left:0px;font-size:12px;white-space:nowrap;overflow-x:hidden;text-overflow:ellipsis}.mosaic-group{display:none}.mosaic-group:first-of-type{display:block}.mosaic-group-back,.mosaic-group-item{position:relative;height:55px;margin-bottom:10px;text-align:center;color:#FFFFFF}.mosaic-group-back{font-size:25px}.mosaic-item{display:table;width:100%;height:100%;overflow:hidden;background-color:#585653;transition:all linear 0.3s}.mosaic-item,.mosaic-item:hover,.mosaic-item:active,.mosaic-item:focus,.mosaic-item:visited{color:#FFFFFF;text-decoration:none}.mosaic-item:active{background-color:#9e510f}.mosaic-item-image,.mosaic-item-text{display:table-cell;text-align:center;vertical-align:middle}.mosaic-item-image>img{max-width:85%}.mosaic-item-text{max-width:1px;overflow:hidden}.mosaic-group-item>.mosaic-group-item-actions{position:absolute;top:5px;right:5px}.mosaic-group-item-actions>a{color:#FFFFFF;text-decoration:none}.mosaic-group-item-actions>a:hover,.mosaic-group-item-actions>a:focus{color:#EEEEEE}@media (max-width:768px){.mosaic-group-item>.mosaic-group-item-actions{top:12px;right:6px}.mosaic-group-item>.mosaic-group-item-actions>.glyphicon{margin-top:5px}.mosaic-group-item-actions>a{font-size:20px}.mosaic-item-image{width:55px;padding:10px}.mosaic-item-image>img{max-height:30px}.mosaic-item-name{font-size:14px;max-height:50px;overflow:hidden}.mosaic-item-description{display:none}.mosaic-item-layout-2 .mosaic-item-description{display:block}.mosaic-item-layout-5 .mosaic-item-name,.mosaic-item-layout-7 .mosaic-item-name{padding-right:40px}}@media (min-width:768px){.mosaic-group-item{display:inline-block;width:32%;height:120px;margin-right:1.95%;word-break:break-word}.mosaic-item{padding:10px}.mosaic-item:hover,.mosaic-item:focus{background-color:#EA7D1E;box-shadow:0px 3px 5px rgba(0, 0, 0, 0.2)}.mosaic-item-text .mosaic-item-text-wrapper{max-height:100px}.mosaic-item-name{max-height:100%;overflow:hidden;font-weight:600;font-size:12px}.mosaic-item-description{overflow:hidden;text-overflow:ellipsis}.mosaic-item-layout-1 .mosaic-item-name{font-weight:inherit;font-size:14px}.mosaic-item-layout-7 .mosaic-item-image{display:none}.mosaic-item-layout-3 .mosaic-item-description,.mosaic-item-layout-7 .mosaic-item-description{margin-top:10px;max-height:40px;font-size:10px}.mosaic-item-layout-5 .mosaic-item-image,.mosaic-item-layout-7 .mosaic-item-image{display:table-cell;width:65px;padding-left:5px;padding-right:10px}.mosaic-item-layout-5 .mosaic-item-image>img,.mosaic-item-layout-7 .mosaic-item-image>img{max-width:65px;max-height:100px}}@media (min-width:992px){.mosaic-item{padding:10px 15px}.mosaic-group-back{font-size:40px}.mosaic-item-layout-5 .mosaic-item-image,.mosaic-item-layout-7 .mosaic-item-image{width:105px;padding-right:18px}.mosaic-item-layout-5 .mosaic-item-image>img,.mosaic-item-layout-7 .mosaic-item-image>img{max-width:105px;max-height:100px}.mosaic-item-layout-5 .mosaic-item-name,.mosaic-item-layout-7 .mosaic-item-name{font-size:12px}}@media (min-width:1200px){.mosaic-group-item{width:24%;height:140px;margin-right:1.3%}.mosaic-item-text .mosaic-item-text-wrapper{max-height:120px}.mosaic-item-layout-5 .mosaic-item-image>img,.mosaic-item-layout-7 .mosaic-item-image>img{max-height:120px}}@media (min-width:768px) and (max-width:992px){.mosaic-group-item:nth-child(3n){margin-right:0px}}@media (min-width:992px) and (max-width:1200px){.mosaic-group-item:nth-child(3n){margin-right:0px}}@media (min-width:1200px){.mosaic-group-item:nth-child(4n){margin-right:0px}}.tile.tile-filter-brick a.tile_decoration{cursor:default}.tile.tile-filter-brick .tile_filterbox .form-group:first-child{width:100%}.tile.tile-filter-brick .tile_filterbox input[type="text"]{width:100%}@media (max-width:768px){.tile.tile-filter-brick .tile_filterbox .form-group:first-child{margin-bottom:5px}}@media (min-width:768px){.tile.tile-filter-brick .tile_filterbox form{display:table}.tile.tile-filter-brick .tile_filterbox .form-group:first-child{display:table-cell}.tile.tile-filter-brick .tile_filterbox button[type="submit"]{margin-left:5px}}@media (min-width:992px){.tile.tile-filter-brick .tile_filterbox .form-group:first-child{display:table-cell}}.form_field_label>.control-label[data-tooltip-instantiated="true"]::after{content:"?";padding-left:3px;vertical-align:top;cursor:pointer;color:#777;font-size:0.85em}.form_field .form_mandatory .control-label:after{content:"*";position:relative;left:3px;color:#EA7D1E;font-size:0.9em}.form-control-static img{max-width:100% !important;height:initial !important}.selectobject .input-group-addon{cursor:pointer}.inline-image{cursor:pointer;cursor:zoom-in}.caselog-thread{position:relative;border:1px solid #ddd;border-top:none}.caselog-thread--header{padding:8px;font-size:11px;background-color:rgba(242, 242, 242, 0.38);border-bottom:1px solid #ddd}.caselog-thread--header span{color:#777}.caselog-thread--header-toggler{cursor:pointer;color:inherit;text-decoration:none}.caselog-thread--header-toggler:hover,.caselog-thread--header-toggler:active,.caselog-thread--header-toggler:focus{color:inherit;text-decoration:none}.caselog-thread--header-toggler:not(:first-child)::before{content:"-";margin:0 0.4em 0 0.2em}.caselog-thread--header-info>span{margin-left:0.5em}.caselog-thread--header-info>span>span{margin-left:0.5em}.caselog-thread--header-info>span:first-child{margin-left:0}.caselog-thread--content{padding:5px;background-color:#f2f2f2}.caselog-thread--date{margin-bottom:10px;text-align:center;color:#808080}.caselog-thread--date:first-child{display:none}.caselog-thread--block{position:relative;min-height:40px;margin-bottom:15px}.caselog-thread--block:last-child{margin-bottom:0px}.caselog-thread--block-medallion,.caselog-thread--block-entries{box-shadow:0 1px 1px rgba(0, 0, 0, 0.15)}.caselog-thread--block-medallion{position:absolute;top:0px;left:0px;width:40px;height:40px;text-align:center;line-height:40px;font-size:18px;color:#FFFFFF;background-size:100%;background-position:center center;background-color:#585653;background-repeat:no-repeat;border-radius:100%}.caselog-thread--block-user{display:none;margin-left:54px;font-size:12px;font-weight:bold;color:#FFFFFF}.caselog-thread--block-entries{position:relative;display:inline-block;margin-left:60px;max-width:calc(100% - 60px);background-color:#585653;color:#FFFFFF}.caselog-thread--block-entry{position:relative;padding:8px 10px;border-bottom:1px solid rgba(0, 0, 0, 0.05)}.caselog-thread--block-entry img{max-width:100%}.caselog-thread--block-entry.closed{cursor:pointer}.caselog-thread--block-entry.closed .caselog-thread--block-entry-content{height:0px;overflow-y:hidden}.caselog-thread--block-entry.closed .caselog-thread--block-entry-content:after{content:"...";position:absolute;top:10px;left:9px}.caselog-thread--block-entry:first-child .caselog-thread--block-entry-content:before{content:"";position:absolute;top:0px;left:-15px;width:15px;height:15px;border:8px solid transparent;border-top-color:#585653;border-right-color:#585653}.caselog-thread--block-entry:last-child{border-bottom:none}.caselog-thread--block-entry:hover .caselog-thread--block-entry-date{opacity:1}.caselog-thread--block-entry:hover:not(.closed) .caselog-thread--block-entry-toggler{opacity:1}.caselog-thread--block-entry-content{display:block;overflow-x:auto;overflow-y:hidden}.caselog-thread--block-entry-content>p:last-of-type{margin-bottom:0px}.caselog-thread--block-entry-content table{width:unset !important;max-width:max-content}.caselog-thread--block-entry-date{margin-top:5px;opacity:0.6;font-size:10px;text-align:right;transition:all 0.2s linear}.caselog-thread--block-entry-toggler{position:absolute;top:2px;right:5px;padding:2px 5px;opacity:0;cursor:pointer;background-color:#585653;transition:all 0.2s linear}.caselog-thread--block-me{text-align:right}.caselog-thread--block-me .caselog-thread--block-medallion{left:initial;right:0px}.caselog-thread--block-me .caselog-thread--block-user{display:none;margin-left:initial;margin-right:54px}.caselog-thread--block-me .caselog-thread--block-entries{margin-left:initial;margin-right:60px;text-align:right}.caselog-thread--block-me .caselog-thread--block-entries .caselog-thread--block-entry{text-align:left}.caselog-thread--block-me .caselog-thread--block-entries .caselog-thread--block-entry .caselog-thread--block-entry-toggler{right:initial;left:5px}.caselog-thread--block-me .caselog-thread--block-entries .caselog-thread--block-entry:first-child .caselog-thread--block-entry-content:before{left:initial;right:-15px;border-right-color:transparent;border-left-color:#585653}.caselog-thread--block-color-1 .caselog-thread--block-medallion{color:#444;background-color:#FFFFFF}.caselog-thread--block-color-1 .caselog-thread--block-user{color:#FFFFFF}.caselog-thread--block-color-1 .caselog-thread--block-entries{color:#444;background-color:#FFFFFF}.caselog-thread--block-color-1 .caselog-thread--block-entries .caselog-thread--block-entry .caselog-thread--block-entry-toggler{background-color:#FFFFFF}.caselog-thread--block-color-1 .caselog-thread--block-entries .caselog-thread--block-entry:first-child .caselog-thread--block-entry-content:before{border-top-color:#FFFFFF;border-right-color:#FFFFFF}.caselog-thread--block-color-2 .caselog-thread--block-medallion{color:#444;background-color:#FFFFFF}.caselog-thread--block-color-2 .caselog-thread--block-user{color:#FFFFFF}.caselog-thread--block-color-2 .caselog-thread--block-entries{color:#444;background-color:#FFFFFF}.caselog-thread--block-color-2 .caselog-thread--block-entries .caselog-thread--block-entry .caselog-thread--block-entry-toggler{background-color:#FFFFFF}.caselog-thread--block-color-2 .caselog-thread--block-entries .caselog-thread--block-entry:first-child .caselog-thread--block-entry-content:before{border-top-color:#FFFFFF;border-right-color:#FFFFFF}.caselog-thread--block-color-3 .caselog-thread--block-medallion{color:#444;background-color:#FFFFFF}.caselog-thread--block-color-3 .caselog-thread--block-user{color:#FFFFFF}.caselog-thread--block-color-3 .caselog-thread--block-entries{color:#444;background-color:#FFFFFF}.caselog-thread--block-color-3 .caselog-thread--block-entries .caselog-thread--block-entry .caselog-thread--block-entry-toggler{background-color:#FFFFFF}.caselog-thread--block-color-3 .caselog-thread--block-entries .caselog-thread--block-entry:first-child .caselog-thread--block-entry-content:before{border-top-color:#FFFFFF;border-right-color:#FFFFFF}.caselog-thread--block-color-4 .caselog-thread--block-medallion{color:#444;background-color:#FFFFFF}.caselog-thread--block-color-4 .caselog-thread--block-user{color:#FFFFFF}.caselog-thread--block-color-4 .caselog-thread--block-entries{color:#444;background-color:#FFFFFF}.caselog-thread--block-color-4 .caselog-thread--block-entries .caselog-thread--block-entry .caselog-thread--block-entry-toggler{background-color:#FFFFFF}.caselog-thread--block-color-4 .caselog-thread--block-entries .caselog-thread--block-entry:first-child .caselog-thread--block-entry-content:before{border-top-color:#FFFFFF;border-right-color:#FFFFFF}.caselog-thread--block-color-5 .caselog-thread--block-medallion{color:#444;background-color:#FFFFFF}.caselog-thread--block-color-5 .caselog-thread--block-user{color:#FFFFFF}.caselog-thread--block-color-5 .caselog-thread--block-entries{color:#444;background-color:#FFFFFF}.caselog-thread--block-color-5 .caselog-thread--block-entries .caselog-thread--block-entry .caselog-thread--block-entry-toggler{background-color:#FFFFFF}.caselog-thread--block-color-5 .caselog-thread--block-entries .caselog-thread--block-entry:first-child .caselog-thread--block-entry-content:before{border-top-color:#FFFFFF;border-right-color:#FFFFFF}.form_linkedset_toggler,.form_linkedset_toggler:hover,.form_linkedset_toggler:focus,.form_upload_toggler,.form_upload_toggler:hover,.form_upload_toggler:focus{text-decoration:none;color:inherit}.form_linkedset_toggler>.text,.form_upload_toggler>.text{margin-left:0.4em}.form_linkedset_toggler>.text:before,.form_upload_toggler>.text:before{content:"("}.form_linkedset_toggler>.text:after,.form_upload_toggler>.text:after{content:")"}.form_linkedset_toggler>.glyphicon,.form_upload_toggler>.glyphicon{margin-left:0.5em;font-size:0.85em;color:#EA7D1E;transition:transform 0.2s linear}.form_linkedset_toggler>.glyphicon.collapsed,.form_upload_toggler>.glyphicon.collapsed{transform:rotateZ(-90deg)}.form_linkedset_wrapper .datatables_overlay{padding:8px !important}.form_linkedset_wrapper .overlay_content{font-size:0.6em}.form_linkedset_wrapper .content_loader{margin:0px}.form_linkedset_wrapper .content_loader .icon{height:23px}.form_linkedset_wrapper .dataTables_wrapper{margin-bottom:5px;padding:0px}.attachments_container .attachments-list thead>tr>th{text-align:center}.attachments_container .attachments-list tbody>tr>td{padding:0.5rem 8px;text-align:left;vertical-align:middle}.attachments_container .attachments-list tbody>tr>td[role="icon"]{text-align:center}.attachments_container .attachments-list tbody>tr>td[role="icon"] img{max-height:32px}.attachments_container .attachments-list tbody>tr>td[role="formatted-size"]{text-align:right}.attachments_container .attachments-list tbody>tr>td[role="delete"]{text-align:center}.attachment-tooltip{max-width:100%;max-height:100%}.upload_container input{display:inline}.upload_container .loader{visibility:hidden;margin-left:7px;font-size:1.2em;animation:spin 1s linear infinite;-webkit-animation:spin 1s linear infinite;-moz-animation:spin 1s linear infinite;-ms-animation:spin 1s linear infinite}#drag_overlay{display:block;top:inherit;bottom:0px;height:0px}#drag_overlay .overlay_content{margin-top:5em;width:100%;color:white}#drag_overlay .overlay_content .icon{font-size:3em}#drag_overlay .overlay_content .message{font-size:1.5em}@media (min-width:768px){#drag_overlay.drag_in{animation:show-drop-zone 0.3s ease-out forwards;-webkit-animation:show-drop-zone 0.3s ease-out forwards;-moz-animation:show-drop-zone 0.3s ease-out forwards;-ms-animation:show-drop-zone 0.3s ease-out forwards}#drag_overlay.drag_out{animation:hide-drop-zone 0.3s ease-out forwards;-webkit-animation:hide-drop-zone 0.3s ease-out forwards;-moz-animation:hide-drop-zone 0.3s ease-out forwards;-ms-animation:hide-drop-zone 0.3s ease-out forwards}@keyframes show-drop-zone{100%{height:20%}}@-webkit-keyframes show-drop-zone{100%{height:20%}}@-moz-keyframes show-drop-zone{100%{height:20%}}@-ms-keyframes show-drop-zone{100%{height:20%}}@keyframes hide-drop-zone{0%{height:20%}100%{height:0%}}@-webkit-keyframes hide-drop-zone{0%{height:20%}100%{height:0%}}@-moz-keyframes hide-drop-zone{0%{height:20%}100%{height:0%}}@-ms-keyframes hide-drop-zone{0%{height:20%}100%{height:0%}}}.form_fields .file_open_link{margin-left:10px}.form_buttons{padding-top:20px;text-align:center}.form_buttons .form_btn_misc{margin-bottom:20px}.form_buttons .form_btn_transitions{margin-bottom:20px}.form_buttons .btn .glyphicon{margin-right:0.5em}.form_btn_regular.sticky{display:none}@media (min-width:768px){.form_buttons .form_btn_misc{float:left !important}.form_buttons .form_btn_transitions{float:right !important;margin-left:3px}.form_buttons .form_btn_regular{text-align:right}.form_buttons .form_btn_regular .btn{width:inherit}.form_btn_regular.sticky{display:block;position:fixed;bottom:5em;right:-2px;padding:15px;background-color:#FFFFFF;border:1px solid #ddd;border-radius:0px;transition:right 0.3s}.form_btn_regular.sticky.closed{right:-75px}.form_btn_regular.sticky button{display:block}.form_btn_regular.sticky button:first-child{margin-bottom:4px}}.ck{--ck-color-focus-border: #EA7D1E}.form_field .cke{border:1px solid #ddd}.form_field.has-error .ck-editor{border:1px solid #b94a48;border-radius:0px;box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075)}.ck.cke-maximized{position:fixed !important;z-index:1060;top:0;left:0;width:100% !important;height:100% !important;display:flex;flex-direction:column;justify-content:flex-start}.ck.cke-maximized .ck-editor__main{flex-grow:1;overflow-y:auto}.ck.cke-maximized .ck-editor__main .ck-content{height:100%}body.cke-maximized{overflow:hidden}.dataTable.table th span.row_input,.dataTable.table td span.row_input{display:inline-block;width:100%;text-align:center}.wiki_broken_link{text-decoration:line-through}.tippy-content{white-space:pre-line}@media print{a[href]::after,img[src]::after{content:none !important}.modal.in{position:relative;top:unset;z-index:unset;overflow-y:unset}#drag_overlay{display:none}}.form_linkedset_wrapper .form_field_label{display:none}.form_linkedset_wrapper .form_field_control{width:100% !important}.form_linkedset_wrapper .dataTables_scrollHead th.mandatory:after{content:"*";position:relative;left:3px;color:#EA7D1E;font-size:0.9em}.form_linkedset_wrapper input:invalid{border-color:#c76e6d;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075)}.form_linkedset_wrapper input:invalid:focus{border-color:#b94a48;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392} \ No newline at end of file diff --git a/datamodels/2.x/itop-portal-base/portal/public/css/portal.scss b/datamodels/2.x/itop-portal-base/portal/public/css/portal.scss index 5ad56f0ad..ea2808b85 100644 --- a/datamodels/2.x/itop-portal-base/portal/public/css/portal.scss +++ b/datamodels/2.x/itop-portal-base/portal/public/css/portal.scss @@ -1309,6 +1309,7 @@ table .group-actions .item-action-wrapper .panel-body > p:last-child{ .caselog-thread--block-entry-content{ display: block; overflow-x: auto; + overflow-y: hidden; > p:last-of-type{ margin-bottom: 0px; @@ -1729,67 +1730,47 @@ 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{ border: 1px solid $gray-lighter; } -.form_field.has-error .cke{ +.form_field.has-error .ck-editor{ border: 1px solid $state-danger-text; border-radius: $border-radius-base; box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); } -/* CKEditor : Styling notifications based on BS alerts */ -.cke_notification{ - position: relative; - padding: 15px; - margin-bottom: 18px; - border: 1px solid transparent; - border-radius: 4px; - background-color: $white -} -.cke_notification_close{ - position: absolute; - top: 2px; - 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; +/* CKEditor: Fullscreen */ +.ck { + &.cke-maximized { + position: fixed !important; /* !important to overload the inline style */ + z-index: 1060; /* Above modals z-index (1050), see bootstrap theme */ + top: 0; + left: 0; + width: 100% !important; /* !important to overload the inline style */ + height: 100% !important; /* !important to overload the inline style */ + display: flex; + flex-direction: column; + justify-content: flex-start; - /* !important so it overrides the .cke_reset_all style */ - background-position: center center !important; - background-repeat: no-repeat !important; - background-size: 100% !important; - background-image: url('../../../../../images/full-screen.png') !important; + /* Force text content to take all space available (and scroll when content overflows) */ + .ck-editor__main { + flex-grow: 1; + overflow-y: auto; - &:hover { - background-color: #E5E5E5; + .ck-content { + 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 */ .dataTable.table th span.row_input,