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-04-29 08:51:17 +09:00
parent e9940c9221
commit f2874d778a
75 changed files with 265 additions and 190 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/client/app/common/views/components/autocomplete.vue
View File

@@ -234,7 +234,7 @@ export default Vue.extend({
margin-top calc(1em + 8px)
overflow hidden
background #fff
border solid 1px rgba(0, 0, 0, 0.1)
border solid 1px rgba(#000, 0.1)
border-radius 4px
transition top 0.1s ease, left 0.1s ease
@@ -253,7 +253,7 @@ export default Vue.extend({
white-space nowrap
overflow hidden
font-size 0.9em
color rgba(0, 0, 0, 0.8)
color rgba(#000, 0.8)
cursor default
&, *
@@ -285,10 +285,10 @@ export default Vue.extend({
.name
margin 0 8px 0 0
color rgba(0, 0, 0, 0.8)
color rgba(#000, 0.8)
.username
color rgba(0, 0, 0, 0.3)
color rgba(#000, 0.3)
> .emojis > li
@@ -298,10 +298,10 @@ export default Vue.extend({
width 24px
.name
color rgba(0, 0, 0, 0.8)
color rgba(#000, 0.8)
.alias
margin 0 0 0 8px
color rgba(0, 0, 0, 0.3)
color rgba(#000, 0.3)
</style>

8
src/client/app/common/views/components/messaging-room.message.vue
View File

@@ -134,7 +134,7 @@ export default Vue.extend({
bottom -4px
left -12px
margin 0
color rgba(0, 0, 0, 0.5)
color rgba(#000, 0.5)
font-size 11px
> .content
@@ -146,7 +146,7 @@ export default Vue.extend({
overflow hidden
overflow-wrap break-word
font-size 1em
color rgba(0, 0, 0, 0.5)
color rgba(#000, 0.5)
> .text
display block
@@ -155,7 +155,7 @@ export default Vue.extend({
overflow hidden
overflow-wrap break-word
font-size 1em
color rgba(0, 0, 0, 0.8)
color rgba(#000, 0.8)
& + .file
> a
@@ -195,7 +195,7 @@ export default Vue.extend({
display block
margin 2px 0 0 0
font-size 10px
color rgba(0, 0, 0, 0.4)
color rgba(#000, 0.4)
> [data-fa]
margin-left 4px

16
src/client/app/common/views/components/messaging-room.vue
View File

@@ -256,7 +256,7 @@ export default Vue.extend({
padding 16px 8px 8px 8px
text-align center
font-size 0.8em
color rgba(0, 0, 0, 0.4)
color rgba(#000, 0.4)
[data-fa]
margin-right 4px
@@ -267,7 +267,7 @@ export default Vue.extend({
padding 16px 8px 8px 8px
text-align center
font-size 0.8em
color rgba(0, 0, 0, 0.4)
color rgba(#000, 0.4)
[data-fa]
margin-right 4px
@@ -278,7 +278,7 @@ export default Vue.extend({
padding 16px
text-align center
font-size 0.8em
color rgba(0, 0, 0, 0.4)
color rgba(#000, 0.4)
[data-fa]
margin-right 4px
@@ -289,14 +289,14 @@ export default Vue.extend({
padding 0 12px
line-height 24px
color #fff
background rgba(0, 0, 0, 0.3)
background rgba(#000, 0.3)
border-radius 12px
&:hover
background rgba(0, 0, 0, 0.4)
background rgba(#000, 0.4)
&:active
background rgba(0, 0, 0, 0.5)
background rgba(#000, 0.5)
&.fetching
cursor wait
@@ -322,7 +322,7 @@ export default Vue.extend({
left 0
right 0
margin 0 auto
background rgba(0, 0, 0, 0.1)
background rgba(#000, 0.1)
> span
display inline-block
@@ -330,7 +330,7 @@ export default Vue.extend({
padding 0 16px
//font-weight bold
line-height 32px
color rgba(0, 0, 0, 0.3)
color rgba(#000, 0.3)
background #fff
> footer

18
src/client/app/common/views/components/messaging.vue
View File

@@ -205,7 +205,7 @@ root(isDark)
z-index 1
width 100%
background #fff
box-shadow 0 0px 2px rgba(0, 0, 0, 0.2)
box-shadow 0 0px 2px rgba(#000, 0.2)
> .form
padding 8px
@@ -279,7 +279,7 @@ root(isDark)
vertical-align top
white-space nowrap
overflow hidden
color rgba(0, 0, 0, 0.8)
color rgba(#000, 0.8)
text-decoration none
transition none
cursor pointer
@@ -318,11 +318,11 @@ root(isDark)
margin 0 8px 0 0
/*font-weight bold*/
font-weight normal
color rgba(0, 0, 0, 0.8)
color rgba(#000, 0.8)
.username
font-weight normal
color rgba(0, 0, 0, 0.3)
color rgba(#000, 0.3)
> .history
@@ -383,17 +383,17 @@ root(isDark)
overflow hidden
text-overflow ellipsis
font-size 1em
color isDark ? #fff : rgba(0, 0, 0, 0.9)
color isDark ? #fff : rgba(#000, 0.9)
font-weight bold
transition all 0.1s ease
> .username
margin 0 8px
color isDark ? #606984 : rgba(0, 0, 0, 0.5)
color isDark ? #606984 : rgba(#000, 0.5)
> .mk-time
margin 0 0 0 auto
color isDark ? #606984 : rgba(0, 0, 0, 0.5)
color isDark ? #606984 : rgba(#000, 0.5)
font-size 80%
> .avatar
@@ -413,10 +413,10 @@ root(isDark)
overflow hidden
overflow-wrap break-word
font-size 1.1em
color isDark ? #fff : rgba(0, 0, 0, 0.8)
color isDark ? #fff : rgba(#000, 0.8)
.me
color isDark ? rgba(#fff, 0.7) : rgba(0, 0, 0, 0.4)
color isDark ? rgba(#fff, 0.7) : rgba(#000, 0.4)
> .image
display block

2
src/client/app/common/views/components/note-menu.vue
View File

@@ -105,7 +105,7 @@ $border-color = rgba(27, 31, 35, 0.15)
z-index 10000
width 100%
height 100%
background rgba(0, 0, 0, 0.1)
background rgba(#000, 0.1)
opacity 0
> .popover

4
src/client/app/common/views/components/poll.vue
View File

@@ -88,10 +88,10 @@ root(isDark)
cursor pointer
&:hover
background rgba(0, 0, 0, 0.05)
background rgba(#000, 0.05)
&:active
background rgba(0, 0, 0, 0.1)
background rgba(#000, 0.1)
> .backdrop
position absolute

4
src/client/app/common/views/components/signin.vue
View File

@@ -91,7 +91,7 @@ export default Vue.extend({
width 100%
line-height 44px
font-size 1em
color rgba(0, 0, 0, 0.7)
color rgba(#000, 0.7)
background #fff
outline none
border solid 1px #eee
@@ -117,7 +117,7 @@ export default Vue.extend({
margin -6px 0 0 0
width 100%
font-size 1.2em
color rgba(0, 0, 0, 0.5)
color rgba(#000, 0.5)
outline none
border none
border-radius 0

4
src/client/app/common/views/components/signup.vue
View File

@@ -234,13 +234,13 @@ export default Vue.extend({
color #333 !important
background #fff !important
outline none
border solid 1px rgba(0, 0, 0, 0.1)
border solid 1px rgba(#000, 0.1)
border-radius 4px
box-shadow 0 0 0 114514px #fff inset
transition all .3s ease
&:hover
border-color rgba(0, 0, 0, 0.2)
border-color rgba(#000, 0.2)
transition all .1s ease
&:focus

2
src/client/app/common/views/components/stream-indicator.vue
View File

@@ -73,7 +73,7 @@ export default Vue.extend({
padding 6px 12px
font-size 0.9em
color #fff
background rgba(0, 0, 0, 0.8)
background rgba(#000, 0.8)
border-radius 4px
> p

18
src/client/app/common/views/components/visibility-chooser.vue
View File

@@ -53,18 +53,28 @@ export default Vue.extend({
const width = popover.offsetWidth;
const height = popover.offsetHeight;
let left;
let top;
if (this.compact) {
const x = rect.left + window.pageXOffset + (this.source.offsetWidth / 2);
const y = rect.top + window.pageYOffset + (this.source.offsetHeight / 2);
popover.style.left = (x - (width / 2)) + 'px';
popover.style.top = (y - (height / 2)) + 'px';
left = (x - (width / 2));
top = (y - (height / 2));
} else {
const x = rect.left + window.pageXOffset + (this.source.offsetWidth / 2);
const y = rect.top + window.pageYOffset + this.source.offsetHeight;
popover.style.left = (x - (width / 2)) + 'px';
popover.style.top = y + 'px';
left = (x - (width / 2));
top = y;
}
if (left + width > window.innerWidth) {
left = window.innerWidth - width;
}
popover.style.left = left + 'px';
popover.style.top = top + 'px';
anime({
targets: this.$refs.backdrop,
opacity: 1,

2
src/client/app/common/views/components/welcome-timeline.vue
View File

@@ -62,7 +62,7 @@ export default Vue.extend({
overflow-wrap break-word
font-size .9em
color #4C4C4C
border-bottom 1px solid rgba(0, 0, 0, 0.05)
border-bottom 1px solid rgba(#000, 0.05)
&:after
content ""