ui: fix problem edit&create category display

This commit is contained in:
undefined committed 2021-05-20 23:08:32 +08:00
1 parent dd9dd49b02
commit 2b9c71c009
2 files changed
+66 -66

No files matched your search

+1 -1
View File
@@ -1,6 +1,6 @@
{
"name": "@hydrooj/ui-default",
"version": "4.8.33",
"version": "4.8.34",
"author": "undefined <i@undefined.moe>",
"license": "AGPL-3.0",
"main": "hydro.js",
@@ -31,78 +31,78 @@
border-left: 1px solid $table-border-color
.widget--category-filter
&__category
margin-bottom: rem(6px)
.widget--category-filter
&__category
margin-bottom: rem(6px)
&-tag
display: inline-block
padding: rem(5px 6px)
&:hover
color: #FFF
background: $primary-color
text-decoration: none
&.selected
color: #FFF
background: $secondary-color
&__drop
position: relative
font-size: rem($font-size-small)
width: rem(170px)
padding: rem(10px)
margin-right: rem(10px)
background: $menu-drop-bg-color
box-shadow: $menu-drop-shadow
&:before
content: ''
display: block
position: absolute
width: 0
height: 0
border: rem($menu-drop-triangle-size) solid transparent
border-top-color: #FFF
border-left-color: #FFF
box-shadow: $menu-drop-triangle-shadow
transform: rotate(135deg)
transform-origin: 0 0
pointer-events: none
left: 100%
top: 50%
margin-left: rem(floor($menu-drop-triangle-size * 1.414))
&__subcategory
margin: rem(2px)
&-tag
display: inline-block
padding: rem(5px 6px)
&-tag
display: inline-block
padding: rem(5px 6px)
&:hover
color: #FFF
background: $primary-color
text-decoration: none
&:hover
color: #FFF
background: $primary-color
text-decoration: none
&.selected
color: #FFF
background: $secondary-color
&.selected
color: #FFF
background: $secondary-color
.drop-target-attached-right .widget--category-filter__drop
margin-right: 0
margin-left: rem(10px)
&__drop
position: relative
font-size: rem($font-size-small)
width: rem(170px)
padding: rem(10px)
margin-right: rem(10px)
background: $menu-drop-bg-color
box-shadow: $menu-drop-shadow
&:before
transform-origin: 100% 0
transform: rotate(-45deg)
left: auto
right: 100%
margin-left: 0
margin-right: 0
margin-top: rem(floor($menu-drop-triangle-size * -1.414))
content: ''
display: block
position: absolute
width: 0
height: 0
border: rem($menu-drop-triangle-size) solid transparent
border-top-color: #FFF
border-left-color: #FFF
box-shadow: $menu-drop-triangle-shadow
transform: rotate(135deg)
transform-origin: 0 0
pointer-events: none
left: 100%
top: 50%
margin-left: rem(floor($menu-drop-triangle-size * 1.414))
&__subcategory
margin: rem(2px)
display: inline-block
&-tag
display: inline-block
padding: rem(5px 6px)
&:hover
color: #FFF
background: $primary-color
text-decoration: none
&.selected
color: #FFF
background: $secondary-color
.drop-target-attached-right .widget--category-filter__drop
margin-right: 0
margin-left: rem(10px)
&:before
transform-origin: 100% 0
transform: rotate(-45deg)
left: auto
right: 100%
margin-left: 0
margin-right: 0
margin-top: rem(floor($menu-drop-triangle-size * -1.414))
.display-mode .display-mode-hide