Fix typo in toast, fix height of widgets container

This commit is contained in:
the1812 2018-12-03 17:06:50 +08:00
parent db86ff8224
commit a5433f33b8
6 changed files with 10 additions and 9 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

2
min/toast.min.js vendored
View File

@ -1 +1 @@
(()=>{return(t,s)=>{class i{constructor(t="",s="",i="default"){this.type=i;this.message=t;this.title=s;this.duration=3e3;this.element=$(this.cardHtml)[0];this.$element=$(this.element);$(".toast-card-container").append(this.$element)}show(){this.element.classList.add("visible");this.$element.find(".toast-card-dismiss").on("click",()=>this.dismiss());if(this.duration){setTimeout(()=>this.dismiss(),this.duration)}}dismiss(){if(this.element.classList.contains("visible")){this.$element.on("transitionend",()=>this.$element.remove());this.element.classList.remove("visible")}}get cardHtml(){return`\n <div class="toast-card icons-enabled toast-${this.type}">\n <div class="toast-card-header">\n <h1 class="toast-card-title">${this.title}</h1>\n <div class="toast-card-dismiss">\n <i class="icon-cancel"</i>\n </div>\n </div>\n <p class="toast-card-message">${this.message}</p>\n </div>\n `}static get container(){return $(".toast-card-container")}static createToastContainer(){if($(".toast-card-container").length===0){$("body").append(`<div class="toast-card-container"></div>`)}}static internalShow(t,s,e,a){const n=new i(t,s,a);n.duration=e;n.show()}static show(t,s,i){this.internalShow(t,s,i,"default")}static info(t,s,i){this.internalShow(t,s,i,"info")}static success(t,s,i){this.internalShow(t,s,i,"success")}static error(t,s,i){this.internalShow(t,s,i,"error")}}s.applyStyle("toastStyle");i.createToastContainer();return{export:i}}})();
(()=>{return(t,s)=>{class i{constructor(t="",s="",i="default"){this.type=i;this.message=t;this.title=s;this.duration=3e3;this.element=$(this.cardHtml)[0];this.$element=$(this.element);$(".toast-card-container").append(this.$element)}show(){this.element.classList.add("visible");this.$element.find(".toast-card-dismiss").on("click",()=>this.dismiss());if(this.duration){setTimeout(()=>this.dismiss(),this.duration)}}dismiss(){if(this.element.classList.contains("visible")){this.$element.on("transitionend",()=>this.$element.remove());this.element.classList.remove("visible")}}get cardHtml(){return`\n <div class="toast-card icons-enabled toast-${this.type}">\n <div class="toast-card-header">\n <h1 class="toast-card-title">${this.title}</h1>\n <div class="toast-card-dismiss">\n <i class="icon-cancel"></i>\n </div>\n </div>\n <p class="toast-card-message">${this.message}</p>\n </div>\n `}static get container(){return $(".toast-card-container")}static createToastContainer(){if($(".toast-card-container").length===0){$("body").append(`<div class="toast-card-container"></div>`)}}static internalShow(t,s,e,a){const n=new i(t,s,a);n.duration=e;n.show()}static show(t,s,i){this.internalShow(t,s,i,"default")}static info(t,s,i){this.internalShow(t,s,i,"info")}static success(t,s,i){this.internalShow(t,s,i,"success")}static error(t,s,i){this.internalShow(t,s,i,"error")}}s.applyStyle("toastStyle");i.createToastContainer();return{export:i}}})();

View File

@ -481,6 +481,7 @@ i.settings-category-arrow::after
position: relative;
overscroll-behavior: contain;
overflow: auto;
height: 100%;
}
.gui-settings-widgets-box>.widgets-container:empty::after
{

View File

@ -38,7 +38,7 @@
<div class="toast-card-header">
<h1 class="toast-card-title">${this.title}</h1>
<div class="toast-card-dismiss">
<i class="icon-cancel"</i>
<i class="icon-cancel"></i>
</div>
</div>
<p class="toast-card-message">${this.message}</p>