compile LESS

88d3771863facf676fa7bbfa9f711740a8469108

LenAnderson <Anderson.Len@outlook.com>

Parents: 92eec72c6d59f24f15e8ac006dc542765cd9a029
1 files changed, +37 -0Ignore whitespace
public/scripts/extensions/quick-reply/style.css+37 -0
@@ -447,12 +447,32 @@
447 opacity: 0.5;447 opacity: 0.5;
448 pointer-events: none;448 pointer-events: none;
449 transition: 200ms;449 transition: 200ms;
450 border-color: transparent;
450}451}
451.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor.qr--isExecuting.qr--isPaused #qr--modal-debugButtons .menu_button:not(#qr--modal-minimize, #qr--modal-maximize) {452.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor.qr--isExecuting.qr--isPaused #qr--modal-debugButtons .menu_button:not(#qr--modal-minimize, #qr--modal-maximize) {
452 cursor: pointer;453 cursor: pointer;
453 opacity: 1;454 opacity: 1;
454 pointer-events: all;455 pointer-events: all;
455}456}
457.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor.qr--isExecuting.qr--isPaused #qr--modal-debugButtons .menu_button:not(#qr--modal-minimize, #qr--modal-maximize)#qr--modal-resume {
458 animation-name: qr--debugPulse;
459 animation-duration: 1500ms;
460 animation-timing-function: ease-in-out;
461 animation-delay: 0s;
462 animation-iteration-count: infinite;
463}
464.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor.qr--isExecuting.qr--isPaused #qr--modal-debugButtons .menu_button:not(#qr--modal-minimize, #qr--modal-maximize)#qr--modal-resume {
465 border-color: #51a351;
466}
467.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor.qr--isExecuting.qr--isPaused #qr--modal-debugButtons .menu_button:not(#qr--modal-minimize, #qr--modal-maximize)#qr--modal-step {
468 border-color: var(--SmartThemeQuoteColor);
469}
470.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor.qr--isExecuting.qr--isPaused #qr--modal-debugButtons .menu_button:not(#qr--modal-minimize, #qr--modal-maximize)#qr--modal-stepInto {
471 border-color: var(--SmartThemeQuoteColor);
472}
473.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor.qr--isExecuting.qr--isPaused #qr--modal-debugButtons .menu_button:not(#qr--modal-minimize, #qr--modal-maximize)#qr--modal-stepOut {
474 border-color: var(--SmartThemeQuoteColor);
475}
456.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor.qr--isExecuting #qr--resizeHandle {476.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor.qr--isExecuting #qr--resizeHandle {
457 width: 6px;477 width: 6px;
458 background-color: var(--SmartThemeBorderColor);478 background-color: var(--SmartThemeBorderColor);
@@ -741,6 +761,10 @@
741 width: 2.25em;761 width: 2.25em;
742 position: relative;762 position: relative;
743}763}
764.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor #qr--modal-debugButtons .qr--modal-debugButton:not(.fa-solid) {
765 border-width: 1px;
766 border-style: solid;
767}
744.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor #qr--modal-debugButtons .qr--modal-debugButton:not(.fa-solid):after {768.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor #qr--modal-debugButtons .qr--modal-debugButton:not(.fa-solid):after {
745 content: '';769 content: '';
746 position: absolute;770 position: absolute;
@@ -765,6 +789,9 @@
765.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor #qr--modal-debugButtons .qr--modal-debugButton#qr--modal-maximize {789.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor #qr--modal-debugButtons .qr--modal-debugButton#qr--modal-maximize {
766 display: none;790 display: none;
767}791}
792.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor #qr--modal-send_textarea {
793 flex: 0 0 auto;
794}
768.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor #qr--modal-executeProgress {795.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor #qr--modal-executeProgress {
769 --prog: 0;796 --prog: 0;
770 --progColor: #92befc;797 --progColor: #92befc;
@@ -772,6 +799,7 @@
772 --progSuccessColor: #51a351;799 --progSuccessColor: #51a351;
773 --progErrorColor: #bd362f;800 --progErrorColor: #bd362f;
774 --progAbortedColor: #d78872;801 --progAbortedColor: #d78872;
802 flex: 0 0 auto;
775 height: 0.5em;803 height: 0.5em;
776 background-color: var(--black50a);804 background-color: var(--black50a);
777 position: relative;805 position: relative;
@@ -985,6 +1013,15 @@
985 background-color: var(--progFlashColor);1013 background-color: var(--progFlashColor);
986 }1014 }
987}1015}
1016@keyframes qr--debugPulse {
1017 0%,
1018 100% {
1019 border-color: #51a351;
1020 }
1021 50% {
1022 border-color: #92befc;
1023 }
1024}
988.popup.qr--hide {1025.popup.qr--hide {
989 opacity: 0 !important;1026 opacity: 0 !important;
990}1027}