1
0
Fork 0
mirror of synced 2024-06-29 11:40:45 +12:00

- 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:
Elad Shechter 2022-02-08 09:46:44 +00:00
parent b49d8803d7
commit a221ec191a
5 changed files with 18 additions and 16 deletions

View file

@ -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}}" />
</div>
<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>
@ -507,7 +507,7 @@ $usageStatsEnabled = $this->getParam('usageStatsEnabled', true);
<input type="hidden" data-ls-attrs="data-forms-key-value"/>
</div>
<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>

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -162,18 +162,6 @@
pre {
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 {

View file

@ -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 {
margin-bottom: 15px;
display: block;