sendnrw/misskey
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

wip

Browse Source
This commit is contained in:
syuilo
2018-09-28 19:59:19 +09:00
parent 3f4de3b1cc
commit 8e3dd75c85
45 changed files with 200 additions and 461 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/client/app/desktop/views/components/context-menu.menu.vue
View File

@@ -31,9 +31,7 @@ export default Vue.extend({
</script>
<style lang="stylus" scoped>
root(isDark)
.menu
$width = 240px
$item-height = 38px
$padding = 10px
@@ -48,7 +46,7 @@ root(isDark)
&.divider
margin-top $padding
padding-top $padding
border-top solid 1px isDark ? #1c2023 : #eee
border-top solid 1px var(--faceDivider)
&.nest
> p
@@ -77,7 +75,7 @@ root(isDark)
margin 0
padding 0 32px 0 38px
line-height $item-height
color isDark ? #c8cece : #868C8C
color var(--text)
text-decoration none
cursor pointer
@@ -106,17 +104,11 @@ root(isDark)
left $width
margin-top -($padding)
width $width
background isDark ? #282c37 :#fff
background var(--popupBg)
border-radius 0 4px 4px 4px
box-shadow 2px 2px 8px rgba(#000, 0.2)
transition visibility 0s linear 0.2s
.menu[data-darkmode]
root(true)
.menu:not([data-darkmode])
root(false)
</style>
<style lang="stylus" module>

10
src/client/app/desktop/views/components/context-menu.vue
View File

@@ -71,7 +71,7 @@ export default Vue.extend({
</script>
<style lang="stylus" scoped>
root(isDark)
.context-menu
$width = 240px
$item-height = 38px
$padding = 10px
@@ -82,15 +82,9 @@ root(isDark)
z-index 4096
width $width
font-size 0.8em
background var(--face)
background var(--popupBg)
border-radius 0 4px 4px 4px
box-shadow 2px 2px 8px rgba(#000, 0.2)
opacity 0
.context-menu[data-darkmode]
root(true)
.context-menu:not([data-darkmode])
root(false)
</style>

12
src/client/app/desktop/views/components/drive.file.vue
View File

@@ -200,9 +200,7 @@ export default Vue.extend({
</script>
<style lang="stylus" scoped>
root(isDark)
.gvfdktuvdgwhmztnuekzkswkjygptfcv
padding 8px 0 0 0
height 180px
border-radius 4px
@@ -337,16 +335,10 @@ root(isDark)
font-size 0.8em
text-align center
word-break break-all
color isDark ? #fff : #444
color var(--text)
overflow hidden
> .ext
opacity 0.5
.gvfdktuvdgwhmztnuekzkswkjygptfcv[data-darkmode]
root(true)
.gvfdktuvdgwhmztnuekzkswkjygptfcv:not([data-darkmode])
root(false)
</style>

8
src/client/app/desktop/views/components/note-preview.vue
View File

@@ -47,7 +47,7 @@ export default Vue.extend({
</script>
<style lang="stylus" scoped>
root(isDark)
.qiziqtywpuaucsgarwajitwaakggnisj
display flex
font-size 0.9em
@@ -83,10 +83,4 @@ root(isDark)
padding 0
color var(--subNoteText)
.qiziqtywpuaucsgarwajitwaakggnisj[data-darkmode]
root(true)
.qiziqtywpuaucsgarwajitwaakggnisj:not([data-darkmode])
root(false)
</style>

8
src/client/app/desktop/views/components/notes.note.sub.vue
View File

@@ -42,7 +42,7 @@ export default Vue.extend({
</script>
<style lang="stylus" scoped>
root(isDark)
.tkfdzaxtkdeianobciwadajxzbddorql
display flex
margin 0
padding 16px 32px
@@ -88,10 +88,4 @@ root(isDark)
max-height 120px
font-size 80%
.tkfdzaxtkdeianobciwadajxzbddorql[data-darkmode]
root(true)
.tkfdzaxtkdeianobciwadajxzbddorql:not([data-darkmode])
root(false)
</style>

11
src/client/app/desktop/views/components/post-form-window.vue
View File

@@ -77,7 +77,7 @@ export default Vue.extend({
</script>
<style lang="stylus" scoped>
root(isDark)
.mk-post-form-window
.mk-post-form-window--header
.icon
margin-right 8px
@@ -94,15 +94,6 @@ root(isDark)
.mk-post-form-window--body
.notePreview
if isDark
margin 16px 22px 0 22px
else
margin 16px 22px
.mk-post-form-window[data-darkmode]
root(true)
.mk-post-form-window:not([data-darkmode])
root(false)
</style>

9
src/client/app/desktop/views/components/settings.tags.vue
View File

@@ -47,8 +47,7 @@ export default Vue.extend({
</script>
<style lang="stylus" scoped>
root(isDark)
.vfcitkilproprqtbnpoertpsziierwzi
> .timeline
padding-bottom 16px
border-bottom solid 1px rgba(#000, 0.1)
@@ -56,10 +55,4 @@ root(isDark)
> .add
margin-top 16px
.vfcitkilproprqtbnpoertpsziierwzi[data-darkmode]
root(true)
.vfcitkilproprqtbnpoertpsziierwzi:not([data-darkmode])
root(false)
</style>

8
src/client/app/desktop/views/components/ui.header.vue
View File

@@ -77,7 +77,7 @@ export default Vue.extend({
</script>
<style lang="stylus" scoped>
root(isDark)
.header
position fixed
top 0
z-index 1000
@@ -151,10 +151,4 @@ root(isDark)
> .mk-ui-header-search
display none
.header[data-darkmode]
root(true)
.header:not([data-darkmode])
root(false)
</style>

8
src/client/app/desktop/views/components/widget-container.vue
View File

@@ -25,7 +25,7 @@ export default Vue.extend({
</script>
<style lang="stylus" scoped>
root(isDark)
.mk-widget-container
background var(--face)
box-shadow var(--shadow)
border-radius var(--round)
@@ -71,10 +71,4 @@ root(isDark)
&:active
color var(--faceTextButtonActive)
.mk-widget-container[data-darkmode]
root(true)
.mk-widget-container:not([data-darkmode])
root(false)
</style>

19
src/client/app/desktop/views/components/window.vue
View File

@@ -462,7 +462,7 @@ export default Vue.extend({
</script>
<style lang="stylus" scoped>
root(isDark)
.mk-window
display block
> .bg
@@ -490,10 +490,7 @@ root(isDark)
&:focus
&:not([data-is-modal])
> .body
if isDark
box-shadow 0 0 0px 1px var(--primaryAlpha05), 0 2px 12px 0 rgba(#000, 0.5)
else
box-shadow 0 0 0px 1px var(--primaryAlpha05), 0 2px 6px 0 rgba(#000, 0.2)
box-shadow 0 0 0px 1px var(--primaryAlpha05), 0 2px 12px 0 var(--desktopWindowShadow)
> .handle
$size = 8px
@@ -561,11 +558,7 @@ root(isDark)
overflow hidden
background var(--face)
border-radius 6px
if isDark
box-shadow 0 2px 12px 0 rgba(#000, 0.5)
else
box-shadow 0 2px 6px 0 rgba(#000, 0.2)
box-shadow 0 2px 12px 0 rgba(#000, 0.5)
> header
$header-height = 40px
@@ -632,10 +625,4 @@ root(isDark)
> .main > .body > .content
height calc(100% - 40px)
.mk-window[data-darkmode]
root(true)
.mk-window:not([data-darkmode])
root(false)
</style>