- moved close-button styles from modal.less to forms.less, to be common close-button. Will act as design for close & delete button.
- Update function.phtml - delete variables buttons, got the common CSS class name as the close-button styles.
This commit is contained in:
parent
b49d8803d7
commit
a221ec191a
|
@ -494,7 +494,7 @@ $usageStatsEnabled = $this->getParam('usageStatsEnabled', true);
|
||||||
<input type="hidden" data-forms-key-value data-ls-attrs="name={{$index}}" data-ls-bind="{{var}}" />
|
<input type="hidden" data-forms-key-value data-ls-attrs="name={{$index}}" data-ls-bind="{{var}}" />
|
||||||
</div>
|
</div>
|
||||||
<div class="col span-2">
|
<div class="col span-2">
|
||||||
<button type="button" data-remove class="reverse danger round pull-end"><i class="icon-cancel"></i></button>
|
<button type="button" data-remove class="close pull-end is-margin-top-10"><i class="icon-cancel"></i></button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -507,7 +507,7 @@ $usageStatsEnabled = $this->getParam('usageStatsEnabled', true);
|
||||||
<input type="hidden" data-ls-attrs="data-forms-key-value"/>
|
<input type="hidden" data-ls-attrs="data-forms-key-value"/>
|
||||||
</div>
|
</div>
|
||||||
<div class="col span-2">
|
<div class="col span-2">
|
||||||
<button type="button" data-remove class="reverse danger round pull-end"><i class="icon-cancel"></i></button>
|
<button type="button" data-remove class="close pull-end is-margin-top-10"><i class="icon-cancel"></i></button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
2
public/dist/styles/default-ltr.css
vendored
2
public/dist/styles/default-ltr.css
vendored
File diff suppressed because one or more lines are too long
2
public/dist/styles/default-rtl.css
vendored
2
public/dist/styles/default-rtl.css
vendored
File diff suppressed because one or more lines are too long
|
@ -162,18 +162,6 @@
|
||||||
pre {
|
pre {
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
||||||
button.close {
|
|
||||||
width: 30px;
|
|
||||||
height: 30px;
|
|
||||||
line-height: 30px;
|
|
||||||
padding: 0;
|
|
||||||
margin: 0;
|
|
||||||
background: var(--config-color-normal);
|
|
||||||
color: var(--config-color-background-fade);
|
|
||||||
border-radius: 50%;
|
|
||||||
.icon-cancel::before{line-height:1;}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.paging {
|
.paging {
|
||||||
|
|
|
@ -239,6 +239,20 @@ button,
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
button.close {
|
||||||
|
width: 30px;
|
||||||
|
height: 30px;
|
||||||
|
line-height: 30px;
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
background: var(--config-color-normal);
|
||||||
|
color: var(--config-color-background-fade);
|
||||||
|
border-radius: 50%;
|
||||||
|
.icon-cancel::before{line-height:1;}
|
||||||
|
&.is-margin-top-10{margin-top:10px;}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
label {
|
label {
|
||||||
margin-bottom: 15px;
|
margin-bottom: 15px;
|
||||||
display: block;
|
display: block;
|
||||||
|
|
Loading…
Reference in a new issue