diff --git a/public/backend/css/ctmcore.css b/public/backend/css/ctmcore.css index 71acf85..55182d8 100644 --- a/public/backend/css/ctmcore.css +++ b/public/backend/css/ctmcore.css @@ -1 +1 @@ -:root{--tm-border: #e8e8e8}html[data-color-scheme=dark]{--tm-border: #414141}.cte_preview .inside{all:unset !important}#ctrl_styleManager_eList_icon_chzn,#ctrl_styleManager_eLink_icon_chzn,#ctrl_styleManager_eFormIcon_icon_chzn{font-family:ctm-icon,-apple-system,system-ui,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif}.tc_box .bg-list{border:1px solid var(--tm-border);height:50px;max-height:300px;overflow-y:auto;resize:vertical;margin-left:28px;padding:5px 10px}.tc_box .bg-list:before{content:none}.tc_box .bg-file{padding:2px 0}form#tl_thememanager .widget:not(.cbx) label{text-overflow:ellipsis;white-space:nowrap;width:100%;display:inline-block;overflow:hidden;height:16px}form#tl_thememanager input{text-overflow:ellipsis}form#tl_thememanager .tl_text,form#tl_thememanager .tl_text_unit,form#tl_thememanager .tl_text_trbl,form#tl_thememanager .tl_select,form#tl_thememanager .chzn-container-single .chzn-single{border-radius:5px}form#tl_thememanager .multiKeyValWizard input{margin:0;border-radius:0;border-bottom-width:0}form#tl_thememanager .multiKeyValWizard tbody tr:first-of-type input{border-radius:0 5px 0 0}form#tl_thememanager .multiKeyValWizard tbody tr:first-of-type td:first-of-type input{border-radius:5px 0 0 0}form#tl_thememanager .multiKeyValWizard tbody tr:last-of-type input{border-radius:0 0 5px 0;border-bottom-width:1px}form#tl_thememanager .multiKeyValWizard tbody tr:last-of-type td:first-of-type input{border-radius:0 0 0 5px}form#tl_thememanager .multiKeyValWizard tbody tr:only-child input{border-radius:0 5px 5px 0}form#tl_thememanager .multiKeyValWizard tbody tr:only-child td:first-of-type input{border-radius:5px 0 0 5px}form#tl_thememanager .multiKeyValWizard td{padding:0}form#tl_thememanager .multiKeyValWizard td:first-of-type input{border-radius:0;border-right-width:0}form#tl_thememanager .multiKeyValWizard.breakpoint tbody tr td:first-child{pointer-events:none}form#tl_thememanager .multiKeyValWizard.breakpoint td:first-of-type{width:54px}form#tl_thememanager .multiKeyValWizard.breakpoint td:last-of-type{display:none}form#tl_thememanager .wizard .tl_text_2,form#tl_thememanager .wizard .tl_text_3,form#tl_thememanager .wizard .tl_text_4{margin-right:0;border-radius:0;border-right-width:0}form#tl_thememanager .wizard .tl_text_2:first-of-type,form#tl_thememanager .wizard .tl_text_3:first-of-type,form#tl_thememanager .wizard .tl_text_4:first-of-type{border-radius:5px 0 0 5px}form#tl_thememanager .wizard .tl_text_2:last-of-type,form#tl_thememanager .wizard .tl_text_3:last-of-type,form#tl_thememanager .wizard .tl_text_4:last-of-type{padding-right:65px;border-radius:0 5px 5px 0;border-right-width:1px}form#tl_thememanager .wizard .tl_text_2{width:calc(50% - 27px)}form#tl_thememanager .wizard .tl_text_2:last-of-type{width:calc(50% + 27px)}form#tl_thememanager .wizard .tl_text_3{width:calc(33.3333% - 18px)}form#tl_thememanager .wizard .tl_text_3:last-of-type{width:calc(33.3333% + 18px)}form#tl_thememanager .wizard .tl_text_4{width:calc(25% - 13.5px)}form#tl_thememanager .wizard .tl_text_4:last-of-type{width:calc(25% + 13.5px)}form#tl_thememanager .wizard img{position:absolute;right:0;top:32px;height:20px;width:43px;border-left:1px solid var(--form-border, #aaa);padding:5px 7px 5px 3px}form#tl_thememanager .wizard .tl_text,form#tl_thememanager .wizard .tl_select{width:100%;padding-right:62px}form#tl_thememanager .tl_select_unit{width:54px;border-radius:0 5px 5px 0}form#tl_thememanager .tl_text_unit{margin-right:0;border-radius:5px 0 0 5px;border-right:0;width:calc(100% - 54px);text-overflow:ellipsis}form#tl_thememanager .tl_text_trbl{margin-right:0;border-radius:0;border-right:0;width:calc(25% - 13.5px)}form#tl_thememanager .tl_text_trbl:first-of-type{border-radius:5px 0 0 5px}form#tl_thememanager .tl_tbox,form#tl_thememanager .tl_box{padding-left:7px;padding-right:7px}form#tl_thememanager .tl_tbox>legend:not(:has(>button)),form#tl_thememanager .tl_tbox>legend>button,form#tl_thememanager .tl_box>legend:not(:has(>button)),form#tl_thememanager .tl_box>legend>button{width:100%;padding-right:5px;padding-left:21px;background-position-x:6px}form#tl_thememanager .trbl-2 .tl_text_trbl{width:calc(50% - 27px)}form#tl_thememanager .trbl-2 .trbl_bottom,form#tl_thememanager .trbl-2 .trbl_left{pointer-events:none;visibility:hidden;width:0 !important;height:0 !important;padding:0 !important;margin:0 !important;border:none !important}form#tl_thememanager .palette-group{padding-bottom:6px;border-bottom:0}form#tl_thememanager .palette-group-header{padding:0 23px;color:var(--legend, #6a6a6c);font-weight:bold}form#tl_thememanager legend,form#tl_thememanager legend>button{font-weight:bold}form#tl_thememanager .ctm-group{border-bottom:0 none;margin-top:9px}form#tl_thememanager .ctm-group>legend:not(:has(>button)),form#tl_thememanager .ctm-group>legend>button{padding-top:5px;padding-bottom:5px;background-position-y:6px;font-weight:revert}form#tl_thememanager .ctm-group+.ctm-group{margin-top:5px}form#tl_thememanager .ctm-group+.tl_box:not(.ctm-group){padding-bottom:9px}form#tl_thememanager .ctm-group+.tl_box:not(.ctm-group):not(.collapsed){padding-bottom:25px}form#tl_thememanager .ctm-group+.tl_box:not(.ctm-group)>legend:not(:has(>button)),form#tl_thememanager .ctm-group+.tl_box:not(.ctm-group)>legend>button{padding-top:5px;padding-bottom:5px;background-position-y:6px;font-weight:revert}form#tl_thememanager .ctm-group:not(.collapsed){padding-bottom:0}form#tl_thememanager .ctm-group:not(.collapsed):after{float:left;content:"";display:block;height:1px;width:calc(100% - 16px);margin:12px 8px 8px;border-bottom:1px solid var(--border, #eaeaec)}form#tl_thememanager .heading-field [data-read-only=true]{color:var(--form-text-disabled, #bbb);background-color:var(--form-bg-disabled, #f9f9f9);border-color:var(--form-border-disabled, #c8c8c8);cursor:not-allowed;outline:none}form#tl_thememanager .clr{width:calc(100% - 16px)}form#tl_thememanager .widget{margin:0 8px}form#tl_thememanager .w50,form#tl_thememanager .w33,form#tl_thememanager .w25,form#tl_thememanager .w20,form#tl_thememanager .w16{float:left;min-height:80px}form#tl_thememanager .w50{width:calc(50% - 16px)}form#tl_thememanager .w33{width:calc(33.3333% - 16px)}form#tl_thememanager .w25{width:calc(25% - 16px)}form#tl_thememanager .w20{width:calc(20% - 16px)}form#tl_thememanager .w16{width:calc(16.6666% - 16px)}#pal_style_manager_legend .chzn-results .preview:before{background:repeating-linear-gradient(135deg, #f44336 4px, white 6px, white 9px);display:inline-block;content:"";vertical-align:bottom;height:14px;width:17px;border:1px solid #aaa;margin-right:5px}@media(max-width: 1263.98px){form#tl_thememanager .w50,form#tl_thememanager .w33,form#tl_thememanager .w25,form#tl_thememanager .w20,form#tl_thememanager .w16{width:calc(50% - 16px)}}@media(max-width: 767.98px){form#tl_thememanager .w50,form#tl_thememanager .w33,form#tl_thememanager .w25,form#tl_thememanager .w20,form#tl_thememanager .w16{float:none;width:calc(100% - 16px)}} +:root{--tm-border: #e8e8e8}html[data-color-scheme=dark]{--tm-border: #414141}.cte_preview .inside{all:unset !important}#ctrl_styleManager_eList_icon_chzn,#ctrl_styleManager_eLink_icon_chzn,#ctrl_styleManager_eFormIcon_icon_chzn{font-family:ctm-icon,-apple-system,system-ui,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif}.tc_box .bg-list{border:1px solid var(--tm-border);height:50px;max-height:300px;overflow-y:auto;resize:vertical;margin-left:28px;padding:5px 10px}.tc_box .bg-list:before{content:none}.tc_box .bg-file{padding:2px 0}form#tl_thememanager .widget:not(.cbx) label{text-overflow:ellipsis;white-space:nowrap;width:100%;display:inline-block;overflow:hidden;height:16px}form#tl_thememanager input{text-overflow:ellipsis}form#tl_thememanager .tl_text,form#tl_thememanager .tl_text_unit,form#tl_thememanager .tl_text_trbl,form#tl_thememanager .tl_select,form#tl_thememanager .chzn-container-single .chzn-single{border-radius:5px}form#tl_thememanager .multiKeyValWizard input{margin:0;border-radius:0;border-bottom-width:0}form#tl_thememanager .multiKeyValWizard tbody tr:first-of-type input{border-radius:0 5px 0 0}form#tl_thememanager .multiKeyValWizard tbody tr:first-of-type td:first-of-type input{border-radius:5px 0 0 0}form#tl_thememanager .multiKeyValWizard tbody tr:last-of-type input{border-radius:0 0 5px 0;border-bottom-width:1px}form#tl_thememanager .multiKeyValWizard tbody tr:last-of-type td:first-of-type input{border-radius:0 0 0 5px}form#tl_thememanager .multiKeyValWizard tbody tr:only-child input{border-radius:0 5px 5px 0}form#tl_thememanager .multiKeyValWizard tbody tr:only-child td:first-of-type input{border-radius:5px 0 0 5px}form#tl_thememanager .multiKeyValWizard td{padding:0}form#tl_thememanager .multiKeyValWizard td:first-of-type input{border-radius:0;border-right-width:0}form#tl_thememanager .multiKeyValWizard.breakpoint tbody tr td:first-child{pointer-events:none}form#tl_thememanager .multiKeyValWizard.breakpoint td:first-of-type{width:54px}form#tl_thememanager .multiKeyValWizard.breakpoint td:last-of-type{display:none}form#tl_thememanager .wizard .tl_text_2,form#tl_thememanager .wizard .tl_text_3,form#tl_thememanager .wizard .tl_text_4{margin-right:0;border-radius:0;border-right-width:0}form#tl_thememanager .wizard .tl_text_2:first-of-type,form#tl_thememanager .wizard .tl_text_3:first-of-type,form#tl_thememanager .wizard .tl_text_4:first-of-type{border-radius:5px 0 0 5px}form#tl_thememanager .wizard .tl_text_2:last-of-type,form#tl_thememanager .wizard .tl_text_3:last-of-type,form#tl_thememanager .wizard .tl_text_4:last-of-type{padding-right:65px;border-radius:0 5px 5px 0;border-right-width:1px}form#tl_thememanager .wizard .tl_text_2{width:calc(50% - 27px)}form#tl_thememanager .wizard .tl_text_2:last-of-type{width:calc(50% + 27px)}form#tl_thememanager .wizard .tl_text_3{width:calc(33.3333% - 18px)}form#tl_thememanager .wizard .tl_text_3:last-of-type{width:calc(33.3333% + 18px)}form#tl_thememanager .wizard .tl_text_4{width:calc(25% - 13.5px)}form#tl_thememanager .wizard .tl_text_4:last-of-type{width:calc(25% + 13.5px)}form#tl_thememanager .wizard img{position:absolute;right:0;top:32px;height:20px;width:43px;border-left:1px solid var(--form-border, #aaa);padding:5px 7px 5px 3px}form#tl_thememanager .wizard .pickr{position:absolute;right:0;top:32px;height:28px;width:43px;border-radius:0 5px 5px 0}form#tl_thememanager .wizard .pickr>button{border-radius:0 4px 4px 0}form#tl_thememanager .wizard .pcr-button:after,form#tl_thememanager .wizard .pcr-button:before{border-radius:0 4px 4px 0}form#tl_thememanager .wizard .tl_text,form#tl_thememanager .wizard .tl_select{width:100%;padding-right:62px}form#tl_thememanager .tl_select_unit{width:54px;border-radius:0 5px 5px 0}form#tl_thememanager .tl_text_unit{margin-right:0;border-radius:5px 0 0 5px;border-right:0;width:calc(100% - 54px);text-overflow:ellipsis}form#tl_thememanager .tl_text_trbl{margin-right:0;border-radius:0;border-right:0;width:calc(25% - 13.5px)}form#tl_thememanager .tl_text_trbl:first-of-type{border-radius:5px 0 0 5px}form#tl_thememanager .tl_tbox,form#tl_thememanager .tl_box{padding-left:7px;padding-right:7px}form#tl_thememanager .tl_tbox>legend:not(:has(>button)),form#tl_thememanager .tl_tbox>legend>button,form#tl_thememanager .tl_box>legend:not(:has(>button)),form#tl_thememanager .tl_box>legend>button{width:100%;padding-right:5px;padding-left:21px;background-position-x:6px}form#tl_thememanager .trbl-2 .tl_text_trbl{width:calc(50% - 27px)}form#tl_thememanager .trbl-2 .trbl_bottom,form#tl_thememanager .trbl-2 .trbl_left{pointer-events:none;visibility:hidden;width:0 !important;height:0 !important;padding:0 !important;margin:0 !important;border:none !important}form#tl_thememanager .palette-group{padding-bottom:6px;border-bottom:0}form#tl_thememanager .palette-group-header{padding:0 23px;color:var(--legend, #6a6a6c);font-weight:bold}form#tl_thememanager legend,form#tl_thememanager legend>button{font-weight:bold}form#tl_thememanager .ctm-group{border-bottom:0 none;margin-top:9px}form#tl_thememanager .ctm-group>legend:not(:has(>button)),form#tl_thememanager .ctm-group>legend>button{padding-top:5px;padding-bottom:5px;background-position-y:6px;font-weight:revert}form#tl_thememanager .ctm-group+.ctm-group{margin-top:5px}form#tl_thememanager .ctm-group+.tl_box:not(.ctm-group){padding-bottom:9px}form#tl_thememanager .ctm-group+.tl_box:not(.ctm-group):not(.collapsed){padding-bottom:25px}form#tl_thememanager .ctm-group+.tl_box:not(.ctm-group)>legend:not(:has(>button)),form#tl_thememanager .ctm-group+.tl_box:not(.ctm-group)>legend>button{padding-top:5px;padding-bottom:5px;background-position-y:6px;font-weight:revert}form#tl_thememanager .ctm-group:not(.collapsed){padding-bottom:0}form#tl_thememanager .ctm-group:not(.collapsed):after{float:left;content:"";display:block;height:1px;width:calc(100% - 16px);margin:12px 8px 8px;border-bottom:1px solid var(--border, #eaeaec)}form#tl_thememanager .heading-field [data-read-only=true]{color:var(--form-text-disabled, #bbb);background-color:var(--form-bg-disabled, #f9f9f9);border-color:var(--form-border-disabled, #c8c8c8);cursor:not-allowed;outline:none}form#tl_thememanager .clr{width:calc(100% - 16px)}form#tl_thememanager .widget{margin:0 8px}form#tl_thememanager .w50,form#tl_thememanager .w33,form#tl_thememanager .w25,form#tl_thememanager .w20,form#tl_thememanager .w16{float:left;min-height:80px}form#tl_thememanager .w50{width:calc(50% - 16px)}form#tl_thememanager .w33{width:calc(33.3333% - 16px)}form#tl_thememanager .w25{width:calc(25% - 16px)}form#tl_thememanager .w20{width:calc(20% - 16px)}form#tl_thememanager .w16{width:calc(16.6666% - 16px)}#pal_style_manager_legend .chzn-results .preview:before{background:repeating-linear-gradient(135deg, #f44336 4px, white 6px, white 9px);display:inline-block;content:"";vertical-align:bottom;height:14px;width:17px;border:1px solid #aaa;margin-right:5px}@media(max-width: 1263.98px){form#tl_thememanager .w50,form#tl_thememanager .w33,form#tl_thememanager .w25,form#tl_thememanager .w20,form#tl_thememanager .w16{width:calc(50% - 16px)}}@media(max-width: 767.98px){form#tl_thememanager .w50,form#tl_thememanager .w33,form#tl_thememanager .w25,form#tl_thememanager .w20,form#tl_thememanager .w16{float:none;width:calc(100% - 16px)}} diff --git a/public/backend/css/ctmcore.scss b/public/backend/css/ctmcore.scss index 9922df9..9b24c7e 100644 --- a/public/backend/css/ctmcore.scss +++ b/public/backend/css/ctmcore.scss @@ -164,6 +164,27 @@ form#tl_thememanager { padding: 5px 7px 5px 3px; } + .pickr { + position: absolute; + right: 0; + top: 32px; + height: 28px; + width: #{$select-type-wdth - (7px + 3px + 1px)}; + border-radius: 0 5px 5px 0; + + > button { + border-radius: 0 4px 4px 0; + } + } + + .pcr-button { + + &:after, + &:before { + border-radius: 0 4px 4px 0; + } + } + .tl_text, .tl_select { width: 100%; padding-right: #{$select-type-wdth + 8px};