mirror/misskey
1
0
Fork 0
mirror of https://github.com/misskey-dev/misskey synced 2024-11-28 14:58:36 +09:00
Code

wip

Browse Source
This commit is contained in:
syuilo 2018-09-28 14:03:55 +09:00
parent 29476ea3da
commit 1eef90f6cb
No known key found for this signature in database
GPG Key ID: BDC4C49D06AB9D69
8 changed files with 36 additions and 71 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
src/client/app/mobile/views/components/drive.file-detail.vue
View File

@ -134,10 +134,10 @@ export default Vue.extend({
</script> </script>
<style lang="stylus" scoped> <style lang="stylus" scoped>
root(isDark) .pyvicwrksnfyhpfgkjwqknuururpaztw
> .preview > .preview
padding 8px padding 8px
background isDark ? #191b22 : #f0f0f0 background var(--bg)
> img > img
display block display block
@ -148,9 +148,10 @@ root(isDark)
> footer > footer
padding 8px 8px 0 8px padding 8px 8px 0 8px
font-size 0.8em
color isDark ? #606984 : #888
text-align center text-align center
font-size 0.8em
color var(--text)
opacity 0.7
> .separator > .separator
display inline display inline
@ -178,12 +179,12 @@ root(isDark)
> .info > .info
padding 14px padding 14px
font-size 0.8em font-size 0.8em
border-top solid 1px isDark ? #1c2023 : #dfdfdf border-top solid 1px var(--faceDivider)
> div > div
max-width 500px max-width 500px
margin 0 auto margin 0 auto
color isDark ? #9397a2 : #9d9d9d color var(--text)
> .separator > .separator
padding 0 4px padding 0 4px
@ -198,7 +199,7 @@ root(isDark)
> .menu > .menu
padding 14px padding 14px
border-top solid 1px isDark ? #1c2023 : #dfdfdf border-top solid 1px var(--faceDivider)
> div > div
max-width 500px max-width 500px
@ -209,31 +210,26 @@ root(isDark)
width 100% width 100%
padding 10px 16px padding 10px 16px
margin 0 0 12px 0 margin 0 0 12px 0
color isDark ? #dfe3e8 : #333 color var(--primaryForeground)
font-size 0.9em font-size 0.9em
text-align center text-align center
text-decoration none text-decoration none
text-shadow 0 1px 0 isDark ? rgba(0, 0, 0, 0.9) : rgba(255, 255, 255, 0.9) background var(--primary)
background-image isDark ? linear-gradient(#292f3c, #1b2025) : linear-gradient(#fafafa, #eaeaea) border none
border 1px solid isDark ? #121417 : #ddd
border-bottom-color isDark ? #060606 : #cecece
border-radius 3px border-radius 3px
&:last-child &:last-child
margin-bottom 0 margin-bottom 0
&:active &:active
background-color #767676 background var(--primaryDarken10)
background-image none
border-color #444
box-shadow 0 1px 3px rgba(#000, 0.075), inset 0 0 5px rgba(#000, 0.2)
> [data-fa] > [data-fa]
margin-right 4px margin-right 4px
> .hash > .hash
padding 14px padding 14px
border-top solid 1px isDark ? #1c2023 : #dfdfdf border-top solid 1px var(--faceDivider)
> div > div
max-width 500px max-width 500px
@ -243,7 +239,7 @@ root(isDark)
display block display block
margin 0 margin 0
padding 0 padding 0
color isDark ? #a8b7d0 : #555 color var(--text)
font-size 0.9em font-size 0.9em
> [data-fa] > [data-fa]
@ -264,7 +260,7 @@ root(isDark)
> .exif > .exif
padding 14px padding 14px
border-top solid 1px isDark ? #1c2023 : #dfdfdf border-top solid 1px var(--faceDivider)
> div > div
max-width 500px max-width 500px
@ -274,7 +270,7 @@ root(isDark)
display block display block
margin 0 margin 0
padding 0 padding 0
color isDark ? #a8b7d0 : #555 color var(--text)
font-size 0.9em font-size 0.9em
> [data-fa] > [data-fa]
@ -292,10 +288,4 @@ root(isDark)
border-radius 2px border-radius 2px
background #f5f5f5 background #f5f5f5
.pyvicwrksnfyhpfgkjwqknuururpaztw[data-darkmode]
root(true)
.pyvicwrksnfyhpfgkjwqknuururpaztw:not([data-darkmode])
root(false)
</style> </style>

19
src/client/app/mobile/views/components/drive.file.vue
View File

@ -63,9 +63,7 @@ export default Vue.extend({
</script> </script>
<style lang="stylus" scoped> <style lang="stylus" scoped>
.vupkuhvjnjyqaqhsiogfbywvjxynrgsm
root(isDark)
display block display block
text-decoration none !important text-decoration none !important
@ -103,7 +101,7 @@ root(isDark)
padding 0 padding 0
font-size 0.9em font-size 0.9em
font-weight bold font-weight bold
color isDark ? #fff : #555 color var(--text)
text-overflow ellipsis text-overflow ellipsis
overflow-wrap break-word overflow-wrap break-word
@ -127,21 +125,22 @@ root(isDark)
display block display block
margin 4px 0 0 0 margin 4px 0 0 0
font-size 0.7em font-size 0.7em
color var(--text)
> .separator > .separator
padding 0 4px padding 0 4px
> .type > .type
color #9D9D9D opacity 0.7
> .mk-file-type-icon > .mk-file-type-icon
margin-right 4px margin-right 4px
> .data-size > .data-size
color #9D9D9D opacity 0.7
> .created-at > .created-at
color #BDBDBD opacity 0.7
> [data-fa] > [data-fa]
margin-right 2px margin-right 2px
@ -155,10 +154,4 @@ root(isDark)
&, * &, *
color #fff !important color #fff !important
.vupkuhvjnjyqaqhsiogfbywvjxynrgsm[data-darkmode]
root(true)
.vupkuhvjnjyqaqhsiogfbywvjxynrgsm:not([data-darkmode])
root(false)
</style> </style>

10
src/client/app/mobile/views/components/drive.folder.vue
View File

@ -24,9 +24,9 @@ export default Vue.extend({
</script> </script>
<style lang="stylus" scoped> <style lang="stylus" scoped>
root(isDark) .jvwxssxsytqlqvrpiymarjlzlsxskqsr
display block display block
color isDark ? #fff : #777 color var(--text)
text-decoration none !important text-decoration none !important
* *
@ -55,10 +55,4 @@ root(isDark)
> * > *
height 100% height 100%
.jvwxssxsytqlqvrpiymarjlzlsxskqsr[data-darkmode]
root(true)
.jvwxssxsytqlqvrpiymarjlzlsxskqsr:not([data-darkmode])
root(false)
</style> </style>

20
src/client/app/mobile/views/components/drive.vue
View File

@ -473,7 +473,7 @@ export default Vue.extend({
</script> </script>
<style lang="stylus" scoped> <style lang="stylus" scoped>
root(isDark) .kmmwchoexgckptowjmjgfsygeltxfeqs
background var(--face) background var(--face)
> nav > nav
@ -487,10 +487,10 @@ root(isDark)
overflow auto overflow auto
white-space nowrap white-space nowrap
font-size 0.9em font-size 0.9em
color rgba(isDark ? #fff : #000, 0.67) color var(--text)
-webkit-backdrop-filter blur(12px) -webkit-backdrop-filter blur(12px)
backdrop-filter blur(12px) backdrop-filter blur(12px)
//background-color rgba(var(--faceHeader), 0.75) background-color var(--mobileDriveNavBg)
border-bottom solid 1px rgba(#000, 0.13) border-bottom solid 1px rgba(#000, 0.13)
> p > p
@ -516,7 +516,7 @@ root(isDark)
opacity 0.5 opacity 0.5
> .info > .info
border-bottom solid 1px isDark ? #1c2023 : #eee border-bottom solid 1px var(--faceDivider)
&:empty &:empty
display none display none
@ -527,15 +527,15 @@ root(isDark)
margin 0 auto margin 0 auto
padding 4px 16px padding 4px 16px
font-size 10px font-size 10px
color isDark ? #606984 : #777 color var(--text)
> .folders > .folders
> .folder > .folder
border-bottom solid 1px isDark ? #1c2023 : #eee border-bottom solid 1px var(--faceDivider)
> .files > .files
> .file > .file
border-bottom solid 1px isDark ? #1c2023 : #eee border-bottom solid 1px var(--faceDivider)
> .more > .more
display block display block
@ -591,10 +591,4 @@ root(isDark)
> .file > .file
display none display none
.kmmwchoexgckptowjmjgfsygeltxfeqs[data-darkmode]
root(true)
.kmmwchoexgckptowjmjgfsygeltxfeqs:not([data-darkmode])
root(false)
</style> </style>

10
src/client/app/mobile/views/components/notification.vue
View File

@ -105,7 +105,7 @@ export default Vue.extend({
</script> </script>
<style lang="stylus" scoped> <style lang="stylus" scoped>
root(isDark) .mk-notification
> .notification > .notification
padding 16px padding 16px
font-size 12px font-size 12px
@ -154,7 +154,7 @@ root(isDark)
> .mk-time > .mk-time
margin-left auto margin-left auto
color isDark ? #606984 : #c0c0c0 color var(--noteHeaderInfo)
font-size 0.9em font-size 0.9em
> .note-preview > .note-preview
@ -182,10 +182,4 @@ root(isDark)
> div > header i > div > header i
color #888 color #888
.mk-notification[data-darkmode]
root(true)
.mk-notification:not([data-darkmode])
root(false)
</style> </style>

4
src/client/app/mobile/views/pages/received-follow-requests.vue
View File

@ -52,8 +52,6 @@ export default Vue.extend({
</script> </script>
<style lang="stylus" scoped> <style lang="stylus" scoped>
main main
width 100% width 100%
max-width 680px max-width 680px
@ -69,7 +67,7 @@ main
> div > div
display flex display flex
padding 16px padding 16px
border solid 1px isDark ? #1c2023 : #eee border solid 1px var(--faceDivider)
border-radius 4px border-radius 4px
> span > span

1
src/client/theme/dark.json
View File

@ -136,6 +136,7 @@
"mobileNavBackdrop": "rgba(0, 0, 0, 0.7)", "mobileNavBackdrop": "rgba(0, 0, 0, 0.7)",
"mobilePostFormDivider": "rgba(0, 0, 0, 0.2)", "mobilePostFormDivider": "rgba(0, 0, 0, 0.2)",
"mobilePostFormTextareaBg": "rgba(0, 0, 0, 0.3)", "mobilePostFormTextareaBg": "rgba(0, 0, 0, 0.3)",
"mobileDriveNavBg": ":alpha<0.75<$secondary",
"mobileHomeTlItemHover": "rgba(255, 255, 255, 0.1)", "mobileHomeTlItemHover": "rgba(255, 255, 255, 0.1)",
"mobileUserPageName": "#fff", "mobileUserPageName": "#fff",
"mobileUserPageAcct": "$text", "mobileUserPageAcct": "$text",

1
src/client/theme/light.json
View File

@ -136,6 +136,7 @@
"mobileNavBackdrop": "rgba(0, 0, 0, 0.2)", "mobileNavBackdrop": "rgba(0, 0, 0, 0.2)",
"mobilePostFormDivider": "rgba(0, 0, 0, 0.1)", "mobilePostFormDivider": "rgba(0, 0, 0, 0.1)",
"mobilePostFormTextareaBg": "#fff", "mobilePostFormTextareaBg": "#fff",
"mobileDriveNavBg": ":alpha<0.75<$secondary",
"mobileHomeTlItemHover": "rgba(0, 0, 0, 0.05)", "mobileHomeTlItemHover": "rgba(0, 0, 0, 0.05)",
"mobileUserPageName": "#757c82", "mobileUserPageName": "#757c82",
"mobileUserPageAcct": "#969ea5", "mobileUserPageAcct": "#969ea5",