From 2b9c71c0097e6cf94afcd68cf12934e56c8aff0d Mon Sep 17 00:00:00 2001
From: undefined <i@undefined.moe>
Date: Thu, 20 May 2021 23:08:32 +0800
Subject: [PATCH] ui: fix problem edit&create category display

---
 packages/ui-default/package.json              |   2 +-
 .../ui-default/pages/problem_main.page.styl   | 130 +++++++++---------
 2 files changed, 66 insertions(+), 66 deletions(-)

diff --git a/packages/ui-default/package.json b/packages/ui-default/package.json
index 1a711bce9..7618e5ae7 100644
--- a/packages/ui-default/package.json
+++ b/packages/ui-default/package.json
@@ -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",
diff --git a/packages/ui-default/pages/problem_main.page.styl b/packages/ui-default/pages/problem_main.page.styl
index d90c42999..172dc6ebd 100644
--- a/packages/ui-default/pages/problem_main.page.styl
+++ b/packages/ui-default/pages/problem_main.page.styl
@@ -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