diff options
| author | rr- | 2017-02-07 21:33:44 +0100 |
|---|---|---|
| committer | rr- | 2017-02-07 21:34:53 +0100 |
| commit | ba7ca0cd8727b5397729983d052636637f36dd59 (patch) | |
| tree | ebba0a0d9bf363e3475acc12fc1675d78a3775ca /client/css | |
| parent | a3b3532ca4e953610d0ed4235dc63ef6d6c3a631 (diff) | |
client/tags: use new color input (#119)
Diffstat (limited to 'client/css')
| -rw-r--r-- | client/css/core-forms.styl | 20 | ||||
| -rw-r--r-- | client/css/tag-categories-view.styl | 5 |
2 files changed, 19 insertions, 6 deletions
diff --git a/client/css/core-forms.styl b/client/css/core-forms.styl index 8323d16..5b62e0c 100644 --- a/client/css/core-forms.styl +++ b/client/css/core-forms.styl @@ -170,13 +170,25 @@ input:disabled cursor: not-allowed label.color + white-space: nowrap position: relative + display: flex input[type=text] + margin-right: 0.25em + width: auto + .preview + display: inline-block text-align: center - pointer-events: none - input[type=color] - position: absolute - opacity: 0 + padding: 0 0.5em + border: 2px solid black + &:after + content: 'A' + .background-preview + border-right: 0 + color: transparent + .text-preview + border-left: 0 + form.show-validation .input input:invalid diff --git a/client/css/tag-categories-view.styl b/client/css/tag-categories-view.styl index 31c5838..d5f0762 100644 --- a/client/css/tag-categories-view.styl +++ b/client/css/tag-categories-view.styl @@ -2,7 +2,7 @@ .content-wrapper.tag-categories width: 100% - max-width: 40em + max-width: 45em table border-spacing: 0 width: 100% @@ -11,7 +11,8 @@ td, th padding: .4em &.color - text-align: center + input[type=text] + width: 8em &.usages text-align: center &.remove, &.set-default |