scl/szurubooru
1
0
Fork 0
mirror of https://github.com/rr-/szurubooru.git synced 2025-07-17 08:26:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

client/posts: refactor bulk tag editor

Browse Source 
Extract the state that controls mass tag form in the posts list header
to a separate class.

It's not exactly a 100% reusable control (the .tpl is shared), but it
should greatly simplify reading the JS.
This commit is contained in:
rr-
2017-02-11 20:12:44 +01:00
parent 0e4e994431
commit 0dc7a4058e
5 changed files with 146 additions and 106 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
client/css/post-list-view.styl
View File

@ -54,33 +54,35 @@
.icon:not(:first-of-type)
margin-left: 1em
.tag-flipper
.edit-overlay
position: absolute
top: 0.5em
left: 0.5em
display: inline-block
padding: 0.5em
box-sizing: border-box
border: 0
&:after
.tag-flipper
display: inline-block
width: 1em
height: 1em
text-align: center
line-height: 1em
font-size: 20pt
&.tagged
background: rgba(0, 230, 0, 0.7)
padding: 0.5em
box-sizing: border-box
border: 0
&:after
color: white
content: '-'
&:not(.tagged)
background: rgba(255, 0, 0, 0.7)
&:after
color: white
content: '+'
&[data-disabled]
background: rgba(200, 200, 200, 0.7)
display: inline-block
width: 1em
height: 1em
text-align: center
line-height: 1em
font-size: 20pt
&.tagged
background: rgba(0, 230, 0, 0.7)
&:after
color: white
content: '-'
&:not(.tagged)
background: rgba(255, 0, 0, 0.7)
&:after
color: white
content: '+'
&[data-disabled]
background: rgba(200, 200, 200, 0.7)
.thumbnail
background-position: 50% 30%
@ -121,14 +123,14 @@
font-size: 0.95em
color: $inactive-link-color
.bulk-edit-tags
&:not(.active)
&:not(.opened)
[type=text],
.start-tagging,
.stop-tagging
.start,
.close
display: none
.hint
display: none
&.active
&.opened
.open
display: none
input[name=tag]