fix(field): prevent input size changes when showing clear icon
gitea/salix/pipeline/head This commit looks good Details

Refs: #5338
This commit is contained in:
Joan Sanchez 2023-03-02 09:44:45 +01:00
parent e785c34d90
commit 57e36cebde
3 changed files with 8 additions and 1 deletions

View File

@ -19,6 +19,10 @@
padding-right: 0; padding-right: 0;
} }
} }
& > .icons.pre {
min-width: 22px
}
} }
&.readonly > .container > .icons.post { &.readonly > .container > .icons.post {
display: none; display: none;

View File

@ -12,7 +12,7 @@
<span class="required">*</span> <span class="required">*</span>
</label> </label>
</div> </div>
<div class="icons pre"> <div class="icons pre" ng-class="{'clearable': $ctrl.clearDisabled != true}">
<vn-icon ng-show="::$ctrl.clearDisabled != true" <vn-icon ng-show="::$ctrl.clearDisabled != true"
icon="clear" icon="clear"
translate-attr="{title: 'Clear'}" translate-attr="{title: 'Clear'}"

View File

@ -151,6 +151,9 @@
display: none; display: none;
} }
} }
& > .icons.pre.clearable {
min-width: 22px
}
& > .underline { & > .underline {
position: absolute; position: absolute;
bottom: 0; bottom: 0;