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 @@
447447 opacity: 0.5;
448448 pointer-events: none;
449449 transition: 200ms;
450+ border-color: transparent;
450451}
451452.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor.qr--isExecuting.qr--isPaused #qr--modal-debugButtons .menu_button:not(#qr--modal-minimize, #qr--modal-maximize) {
452453 cursor: pointer;
453454 opacity: 1;
454455 pointer-events: all;
455456}
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+}
456476.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor.qr--isExecuting #qr--resizeHandle {
457477 width: 6px;
458478 background-color: var(--SmartThemeBorderColor);
@@ -741,6 +761,10 @@
741761 width: 2.25em;
742762 position: relative;
743763}
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+}
744768.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor #qr--modal-debugButtons .qr--modal-debugButton:not(.fa-solid):after {
745769 content: '';
746770 position: absolute;
@@ -765,6 +789,9 @@
765789.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor #qr--modal-debugButtons .qr--modal-debugButton#qr--modal-maximize {
766790 display: none;
767791}
792+.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor #qr--modal-send_textarea {
793+ flex: 0 0 auto;
794+}
768795.popup:has(#qr--modalEditor) .popup-content > #qr--modalEditor #qr--modal-executeProgress {
769796 --prog: 0;
770797 --progColor: #92befc;
@@ -772,6 +799,7 @@
772799 --progSuccessColor: #51a351;
773800 --progErrorColor: #bd362f;
774801 --progAbortedColor: #d78872;
802+ flex: 0 0 auto;
775803 height: 0.5em;
776804 background-color: var(--black50a);
777805 position: relative;
@@ -985,6 +1013,15 @@
9851013 background-color: var(--progFlashColor);
9861014 }
9871015}
1016+@keyframes qr--debugPulse {
1017+ 0%,
1018+ 100% {
1019+ border-color: #51a351;
1020+ }
1021+ 50% {
1022+ border-color: #92befc;
1023+ }
1024+}
9881025.popup.qr--hide {
9891026 opacity: 0 !important;
9901027}