ui: add complex descriptors selection in problem search (#636)

Co-authored-by: undefined <i@undefined.moe>
Co-authored-by: panda <panda_dtdyy@outlook.com>
This commit is contained in:
authored and GitHub committed 2023-08-24 12:45:33 +08:00
1 parent 301cd8e9d2
commit 5403848bc6
9 files changed
+312 -87

No files matched your search

@@ -38,19 +38,6 @@
&__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)
@@ -80,19 +67,19 @@
&__subcategory
margin: rem(2px)
display: inline-block
&__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
@@ -126,6 +113,82 @@
.data-table > thead > tr
height: 54.9px
.search-container
padding-bottom: 0
.title
margin-bottom: rem(5px)
.dialog-button
font-size: rem($font-size-secondary)
display: inline-block
padding: rem(5px 6px)
margin-bottom: rem(5px)
.search-tag__item
display: inline-block
padding: rem(5px 6px)
font-size: rem($font-size-secondary)
margin-bottom: rem(5px)
&:hover
color: #555;
background: #f4f4f4;
text-decoration: none
&.selected
color: #FFF
background: $primary-color !important
&.hide
display: none
opacity: 0
.category-filter__header
[data-category-container].list
overflow-x: auto
.list
.list__item
padding: 12px 12px
cursor: pointer
margin: 0px 10px
background: #eeeff3
min-width: 90px
text-align: center
position: relative
&.selected
background: $primary-color
color: #FFF
font-weight: bold
.list__item::first
margin-left: 0px
.category-filter__body
margin: 12px 10px 0 10px
background: #f7f7f7
max-height: rem(400px)
overflow-y: auto
.subcategory-container
&.hide
display: none
opacity: 0
& h2
font-size: rem($font-size)
font-weight: bold
margin-bottom: 16px
.divider
border-bottom: 1px solid #e5e5e5
margin: rem(16px) 0
.search-tag__item
background: #eaeaea;
.search
width: 100%
position: relative