assets-package
/
webcomponent
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

- Reworked ui-popup default CSS

This commit is contained in:
Dave M. 2024-11-06 23:56:19 +00:00
parent cf03c5b542
commit 2bfb4bc7f8
3 changed files with 8 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
asset/webcomponent/module/ui-popup.js
View File

@ -18,6 +18,7 @@ class UiPopup extends Webcomponent {
this.init(); this.init();
this.handleOptions(); this.handleOptions();
} }
handleOptions() { handleOptions() {
if ( this.options ) { if ( this.options ) {
if ( ! this.options['skip-keys'] ) { if ( ! this.options['skip-keys'] ) {
@ -117,8 +118,8 @@ class UiPopup extends Webcomponent {
case "ok": case "ok":
this.actionFollowLink(element) || this.actionFollowLink(element) ||
this.actionClickButton(element) || this.actionClickButton(element) ||
this.actionSendForm(this.trigger) || this.actionSendForm(element) ||
this.actionSendForm(element); this.actionSendForm(this.trigger);
case "cancel": case "cancel":
case "no": case "no":

2
asset/webcomponent/module/ui-tabs.js
View File

@ -47,4 +47,4 @@ class UiTabs extends Webcomponent {
} }
} }
export { UiTabs } export { UiTabs };

7
view/webcomponent/ui-popup.phtml
View File

@ -3,10 +3,11 @@
ui-popup:not(.visible) {transform: translate(-50%, -100%);transition-timing-function: ease-in;translate(-50%, -100%);box-shadow:none;} ui-popup:not(.visible) {transform: translate(-50%, -100%);transition-timing-function: ease-in;translate(-50%, -100%);box-shadow:none;}
ui-popup.modal.visible {display:flex} ui-popup.modal.visible {display:flex}
ui-popup > * {padding:1.5rem} ui-popup > * {padding:1.5rem}
ui-popup .button-list {text-align:center;} ui-popup .button-list {text-align:right;}
ui-popup .button-list .button {padding: 0px 7%;} ui-popup .button-list .button {padding: 0px 7%;}
ui-popup .message {background: transparent;padding:1.2rem 1.5rem!important} ui-popup [slot="message"] {background: transparent;padding:1.2rem 1.5rem!important}
ui-popup .title {font-size:1.5rem;display:flex;justify-content: space-between;background:rgba(120,120,120,0.15)} ui-popup [slot="title"] {font-size:1.5rem;display:flex;justify-content: space-between;background:rgba(120,120,120,0.12)}
ui-popup [slot="buttons"] {background:rgba(120,120,120,0.07)}
ui-popup::before {left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,0.1);content:" ";} ui-popup::before {left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,0.1);content:" ";}
</style> </style>