diff options
author | Daniel Calviño Sánchez <danxuliu@gmail.com> | 2019-08-21 14:29:11 +0300 |
---|---|---|
committer | Daniel Calviño Sánchez <danxuliu@gmail.com> | 2019-08-27 18:29:52 +0300 |
commit | 79489395ed14f0e89fa246622decb0df2f0075b1 (patch) | |
tree | d6a6697a5818e49729c9f638c6e7006058fb6535 /css | |
parent | 4af089839787a77f5e295e878ed3a3e2459e744c (diff) |
Simplify CSS rules for confirm icon in editable text label
The input wrapper only contains the text input and the confirm button;
as there will not be more than one confirm button there is no need to
set its rules based on the text input.
Signed-off-by: Daniel Calviño Sánchez <danxuliu@gmail.com>
Diffstat (limited to 'css')
-rw-r--r-- | css/style.scss | 26 |
1 files changed, 11 insertions, 15 deletions
diff --git a/css/style.scss b/css/style.scss index 47f21007f..ed6eb720b 100644 --- a/css/style.scss +++ b/css/style.scss @@ -791,12 +791,10 @@ input[type="password"] { .input-wrapper { position: relative; - input[type="text"] { - & + .icon-confirm { - /* Needed to override an important rule set in the - * server. */ - background-color: transparent !important; - } + .icon-confirm { + /* Needed to override an important rule set in the + * server. */ + background-color: transparent !important; } } .label { @@ -878,18 +876,16 @@ input[type="password"] { text-overflow: ellipsis; } - .icon-confirm.confirm-button { - padding: 12px 21px; - margin: 0; - } - input[type="text"] { padding-right: 44px; + } - & + .icon-confirm { - top: 4px; - right: 0; - } + .icon-confirm { + top: 4px; + right: 0; + + padding: 12px 21px; + margin: 0; } } } |