mirror/processwire
1
0
Fork 0
mirror of https://github.com/processwire/processwire.git synced 2025-08-20 21:42:23 +02:00
Code Issues Releases Wiki Activity

Update InputfieldAsmSelect to use font-awesome based edit icon rather than a jQuery UI one

Browse Source
This commit is contained in:
Ryan Cramer
2018-03-07 13:07:38 -05:00
parent 3f62968392
commit 786a4b8309
3 changed files with 12 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
wire/modules/Inputfield/InputfieldAsmSelect/InputfieldAsmSelect.css
View File

@@ -45,3 +45,7 @@
margin-right: 0.5em;
}
.asmListItemEdit a > .asmIcon {
margin-left: 3px;
text-decoration: none;
}

3
wire/modules/Inputfield/InputfieldAsmSelect/InputfieldAsmSelect.module
View File

@@ -37,7 +37,8 @@ class InputfieldAsmSelect extends InputfieldSelectMultiple implements Inputfield
// an optional edit or detail link where items can be modified or viewed
// i.e. /path/to/page/?id={value} where {value} is replaced with option value
$this->setAsmSelectOption('editLink', '');
$this->setAsmSelectOption('editLink', '');
$this->setAsmSelectOption('editLabel', "<i class='fa fa-fw fa-edit asmIcon'></i>");
// only applicable if editLink is set. set to false if you don't want edit link to be modal
$this->setAsmSelectOption('editLinkModal', true);

7
wire/modules/Inputfield/InputfieldAsmSelect/asmselect/jquery.asmselect.css
View File

@@ -91,11 +91,16 @@
display: inline-block;
}
.asmListItemEdit .ui-icon {
.asmListItemEdit .ui-icon,
.asmListItemEdit .asmIcon {
/* hide the icon */
float: none;
display: none;
}
.asmListItemEdit a:hover .asmIcon {
display: inline-block;
}
.asmListItemEdit a:hover .ui-icon {
/* display the icon when hovered on the edit label */
display: inline;