public/Boostnote
1
0
Fork 0
mirror of https://github.com/BoostIo/Boostnote synced 2025-12-13 09:46:22 +00:00
Code Issues Releases Wiki Activity

Fix tag list on note list

Browse Source
This commit is contained in:
Kazu Yokomizo
2017-11-12 12:11:47 +09:00
parent 0a973c4db3
commit 792e41f161
4 changed files with 26 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
browser/components/StorageList.js
View File

@@ -2,7 +2,7 @@
* @fileoverview Micro component for showing StorageList * @fileoverview Micro component for showing StorageList
*/ */
import React, { PropTypes } from 'react' import React, { PropTypes } from 'react'
import styles from './StorgaeList.styl' import styles from './StorageList.styl'
import CSSModules from 'browser/lib/CSSModules' import CSSModules from 'browser/lib/CSSModules'
/** /**

0
browser/components/StorgaeList.styl → browser/components/StorageList.styl
View File

31
browser/components/TagListItem.styl
View File

@@ -13,15 +13,15 @@
&:first-child &:first-child
margin-top 0 margin-top 0
&:hover &:hover
color $ui-text-color color $ui-button-default-color
background-color alpha($ui-button--active-backgroundColor, 20%) background-color alpha($ui-button-default--active-backgroundColor, 20%)
transition background-color 0.15s transition background-color 0.15s
&:active &:active, &:active:hover
color $ui-text-color color $ui-button-default-color
background-color $ui-button--active-backgroundColor background-color $ui-button-default--active-backgroundColor
.tagList-item-active .tagList-item-active
background-color $ui-button--active-backgroundColor background-color $ui-button-default--active-backgroundColor
display flex display flex
width 100% width 100%
height 26px height 26px
@@ -31,8 +31,9 @@
border none border none
overflow ellipsis overflow ellipsis
font-size 13px font-size 13px
color $ui-button-default-color
&:hover &:hover
background-color alpha($ui-button--active-backgroundColor, 60%) background-color alpha($ui-button-default--active-backgroundColor, 60%)
transition 0.2s transition 0.2s
.tagList-item-name .tagList-item-name
@@ -47,6 +48,22 @@
overflow hidden overflow hidden
text-overflow ellipsis text-overflow ellipsis
body[data-theme="white"]
.tagList-item
color $ui-inactive-text-color
&:hover
color $ui-text-color
background-color alpha($ui-button--active-backgroundColor, 20%)
&:active
color $ui-text-color
background-color $ui-button--active-backgroundColor
.tagList-item-active
background-color $ui-button--active-backgroundColor
color $ui-text-color
&:hover
background-color alpha($ui-button--active-backgroundColor, 60%)
body[data-theme="dark"] body[data-theme="dark"]
.tagList-item .tagList-item
color $ui-dark-inactive-text-color color $ui-dark-inactive-text-color

2
browser/main/SideNav/SideNav.styl
View File

@@ -58,7 +58,7 @@
padding-left 15px padding-left 15px
padding-bottom 13px padding-bottom 13px
p p
color $ui-text-color color $ui-button-default-color
.tagList .tagList
overflow-y auto overflow-y auto