Fix bad style in deck column options and other things (#3412)

* Fix wrong text color in empty timeline (#3268)

* Whoops

* Fix wrong text color in deck options (#3268)

* Some padding to make it look less ugly

* Fix wrong text color in user lists menu (#3268)

* Fix wrong text color of footer on welcome screen (mobile) (#3268)

* Fix misalignment of icons and text in menu (mobile) (#3289)

* Fix wrong text color in empty timeline (mobile) (#3268)
This commit is contained in:
Ivan 2018-11-28 23:02:35 +03:00 committed by syuilo
parent 362dc29057
commit bb0cb0a866
7 changed files with 36 additions and 13 deletions

View File

@ -180,6 +180,7 @@ export default Vue.extend({
padding 8px 16px padding 8px 16px
width 100% width 100%
color var(--popupFg) color var(--popupFg)
white-space nowrap
&:hover &:hover
color var(--primaryForeground) color var(--primaryForeground)

View File

@ -123,7 +123,7 @@ export default Vue.extend({
> span > span
display block display block
line-height 20px line-height 20px
color currentColor color var(--text)
transition inherit transition inherit
> p > p

View File

@ -54,7 +54,25 @@ export default Vue.extend({
padding 16px padding 16px
> button > button
display block
margin-bottom 16px margin-bottom 16px
color var(--primaryForeground)
background var(--primary)
width 100%
border-radius 38px
user-select none
cursor pointer
padding 0 16px
min-width 100px
line-height 38px
font-size 14px
font-weight 700
&:hover
background var(--primaryLighten10)
&:active
background var(--primaryDarken10)
> a > a
display block display block

View File

@ -10,7 +10,7 @@
<span>{{ name }}</span> <span>{{ name }}</span>
</span> </span>
<div class="editor" style="padding:0 12px" v-if="edit"> <div class="editor" style="padding:12px" v-if="edit">
<ui-switch v-model="column.isMediaOnly" @change="onChangeSettings">{{ $t('is-media-only') }}</ui-switch> <ui-switch v-model="column.isMediaOnly" @change="onChangeSettings">{{ $t('is-media-only') }}</ui-switch>
<ui-switch v-model="column.isMediaView" @change="onChangeSettings">{{ $t('is-media-view') }}</ui-switch> <ui-switch v-model="column.isMediaView" @change="onChangeSettings">{{ $t('is-media-view') }}</ui-switch>
</div> </div>

View File

@ -151,18 +151,20 @@ export default Vue.extend({
&:hover &:hover
color var(--desktopTimelineSrcHover) color var(--desktopTimelineSrcHover)
> .mk-notes
> .empty > .empty
display block display block
margin 0 auto margin 0 auto
padding 32px padding 32px
max-width 400px max-width 400px
text-align center text-align center
color #999 color var(--text)
> [data-icon] > [data-icon]
display block display block
margin-bottom 16px margin-bottom 16px
font-size 3em font-size 3em
color #ccc color var(--faceHeaderText);
</style> </style>

View File

@ -334,6 +334,7 @@ main
max-width 680px max-width 680px
margin 0 auto margin 0 auto
padding 8px padding 8px
color var(--text)
@media (min-width 500px) @media (min-width 500px)
padding 16px padding 16px

View File

@ -306,6 +306,7 @@ export default Vue.extend({
padding 16px 0 padding 16px 0
border solid 2px rgba(0, 0, 0, 0.1) border solid 2px rgba(0, 0, 0, 0.1)
border-radius 8px border-radius 8px
color var(--text)
> * > *
margin 0 16px margin 0 16px