Improve Firefox support + fix list view drag and drop bug

This commit is contained in:
DanyLE 2022-12-16 19:42:42 +01:00 committed by Dany LE
parent 0b80a29d00
commit e1c1895070
5 changed files with 22 additions and 11 deletions

View File

@ -172,7 +172,6 @@ namespace OS {
* @memberof ListViewItemTag * @memberof ListViewItemTag
*/ */
protected mount(): void { protected mount(): void {
$(this.refs.item).attr("dataref", "afx-list-item");
$(this).addClass("afx-list-item"); $(this).addClass("afx-list-item");
$(this.refs.item).on("contextmenu", (e) => { $(this.refs.item).on("contextmenu", (e) => {
this._onctxmenu({ id: this.aid, data: this }); this._onctxmenu({ id: this.aid, data: this });
@ -1173,12 +1172,12 @@ namespace OS {
return; return;
} }
let el: any = $(e.target).closest( let el: any = $(e.target).closest(
"li[dataref='afx-list-item']" `[list-id='${this.aid}']`
); );
if (el.length === 0) { if (el.length === 0) {
return; return;
} }
el = el.parent()[0]; el = el[0];
if(!this.selectedItems.includes(el)) if(!this.selectedItems.includes(el))
{ {
return; return;
@ -1194,12 +1193,12 @@ namespace OS {
$(window).off("mousemove", this._onmousemove); $(window).off("mousemove", this._onmousemove);
$("#systooltip").hide(); $("#systooltip").hide();
let el: any = $(e.target).closest( let el: any = $(e.target).closest(
"li[dataref='afx-list-item']" `[list-id='${this.aid}']`
); );
if (el.length === 0) { if (el.length === 0) {
return; return;
} }
el = el.parent()[0]; el = el[0];
if (this._dnd.from.includes(el)) { if (this._dnd.from.includes(el)) {
return; return;
} }

View File

@ -1,7 +1,6 @@
afx-slider div.container{ afx-slider div.container{
border-radius: 3px; border-radius: 3px;
height: 10px;
background-color: #868686; background-color: #868686;
} }
@ -20,9 +19,11 @@ afx-slider div.dragpoint::before
content: "\f0d7"; content: "\f0d7";
font-family: "FontAwesome"; font-family: "FontAwesome";
position: absolute; position: absolute;
bottom: -9px;
left: 0; left: 0;
right: 0; right: 0;
text-align: center; text-align: center;
color:#868686; color:#868686;
bottom: -15px;
display: block;
height: 20px;
} }

View File

@ -1,7 +1,6 @@
afx-slider div.container{ afx-slider div.container{
border-radius: 3px; border-radius: 3px;
height: 5px;
background-color: #e6e6e6; background-color: #e6e6e6;
} }
@ -20,9 +19,11 @@ afx-slider div.dragpoint::before
content: "\f0d7"; content: "\f0d7";
font-family: "FontAwesome"; font-family: "FontAwesome";
position: absolute; position: absolute;
bottom: -9px;
left: 0; left: 0;
right: 0; right: 0;
text-align: center; text-align: center;
color:#868686; color:#868686;
bottom: -15px;
display: block;
height: 20px;
} }

View File

@ -9,6 +9,7 @@ afx-slider div.container{
position: relative; position: relative;
padding:0; padding:0;
cursor: pointer; cursor: pointer;
height: 10px;
} }
afx-slider div.progress { afx-slider div.progress {
@ -19,6 +20,10 @@ afx-slider div.progress {
} }
afx-slider div.dragpoint { afx-slider div.dragpoint {
display: block; height: 23px;
padding: 5px; display: flex;
flex-direction: column;
justify-content: center;
padding-left: 5px;
padding-right: 5px;
} }

View File

@ -145,8 +145,13 @@ textarea {
background-color: #464646; background-color: #464646;
color: white; color: white;
border-radius: 3px; border-radius: 3px;
margin: 0;
font-family: "Ubuntu"; font-family: "Ubuntu";
} }
button {
font-size: 14px;
margin: 0;
}
#login_error { #login_error {
color:chocolate; color:chocolate;
font-weight: normal; font-weight: normal;