From 0b1ec3f29f36855d1df5b336b7aacb900e939bd9 Mon Sep 17 00:00:00 2001 From: richardtks Date: Tue, 18 Dec 2018 16:32:30 +0800 Subject: [PATCH 1/3] show the scroll bar when the tag list is overflow --- browser/main/Detail/TagSelect.styl | 5 +---- 1 file changed, 1 insertion(+), 4 deletions(-) diff --git a/browser/main/Detail/TagSelect.styl b/browser/main/Detail/TagSelect.styl index c6b13f3c6..f3b0e96bc 100644 --- a/browser/main/Detail/TagSelect.styl +++ b/browser/main/Detail/TagSelect.styl @@ -3,15 +3,12 @@ align-items center user-select none vertical-align middle - width 100% + width 96% overflow-x scroll white-space nowrap margin-top 31px position absolute -.root::-webkit-scrollbar - display none - .tag display flex align-items center From bb892f7e78a68409ed782fc85d7fb56606c5b242 Mon Sep 17 00:00:00 2001 From: richardtks Date: Tue, 18 Dec 2018 18:34:49 +0800 Subject: [PATCH 2/3] Updated the overflow-x to auto --- browser/main/Detail/TagSelect.styl | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/browser/main/Detail/TagSelect.styl b/browser/main/Detail/TagSelect.styl index f3b0e96bc..9e8ae68a5 100644 --- a/browser/main/Detail/TagSelect.styl +++ b/browser/main/Detail/TagSelect.styl @@ -4,7 +4,7 @@ user-select none vertical-align middle width 96% - overflow-x scroll + overflow-x auto white-space nowrap margin-top 31px position absolute From 48a905bf6f13f98090ba8cdf5bb367c5159e41f9 Mon Sep 17 00:00:00 2001 From: "richardtks8@gmail.com" Date: Sat, 29 Dec 2018 15:34:36 +0800 Subject: [PATCH 3/3] decrease the height of tags scrollbar --- browser/main/Detail/TagSelect.styl | 6 ++++-- browser/styles/Detail/TagSelect.styl | 4 +++- 2 files changed, 7 insertions(+), 3 deletions(-) diff --git a/browser/main/Detail/TagSelect.styl b/browser/main/Detail/TagSelect.styl index 9e8ae68a5..844561c6b 100644 --- a/browser/main/Detail/TagSelect.styl +++ b/browser/main/Detail/TagSelect.styl @@ -6,13 +6,15 @@ width 96% overflow-x auto white-space nowrap - margin-top 31px + top 50px position absolute + &::-webkit-scrollbar + height 8px .tag display flex align-items center - margin 0px 2px + margin 0px 2px 2px padding 2px 4px background-color alpha($ui-tag-backgroundColor, 3%) border-radius 4px diff --git a/browser/styles/Detail/TagSelect.styl b/browser/styles/Detail/TagSelect.styl index 17e9f9932..8900422c7 100644 --- a/browser/styles/Detail/TagSelect.styl +++ b/browser/styles/Detail/TagSelect.styl @@ -4,8 +4,10 @@ border none background-color transparent outline none - padding 0 4px + padding 2px 4px + margin 0px 2px 2px font-size 13px + height 23px ul position fixed