mirror
/
social
kopia lustrzana https://github.com/nextcloud/social
1
0
Forkuj 1
Kod Zgłoszenia Packages Projekty Wydania Wiki Aktywność

Add stylelint 

Signed-off-by: Louis Chemineau <louis@chmn.me>
pull/1580/head
Louis Chemineau 2023-01-16 11:02:05 +01:00
rodzic 5980519712
commit bb9ab48fae
11 zmienionych plików z 506 dodań i 152 usunięć
Pokaż statystyki Ściągnij plik aktualizacji Ściągnij plik porównania Expand all files Collapse all files

462
package-lock.json wygenerowano
Wyświetl plik

Plik diff jest za duży Load Diff

6
package.json
Wyświetl plik

@ -23,6 +23,8 @@
"serve": "NODE_ENV=development webpack serve --progress --config webpack.common.js", "serve": "NODE_ENV=development webpack serve --progress --config webpack.common.js",
"lint": "eslint --ext .js,.vue src", "lint": "eslint --ext .js,.vue src",
"lint:fix": "eslint --ext .js,.vue src --fix", "lint:fix": "eslint --ext .js,.vue src --fix",
"stylelint": "stylelint src",
"stylelint:fix": "stylelint src --fix",
"test": "jest", "test": "jest",
"test:coverage": "jest --coverage", "test:coverage": "jest --coverage",
"cypress": "./cypress/start.sh; cypress run; ./cypress/stop.sh", "cypress": "./cypress/start.sh; cypress run; ./cypress/stop.sh",
@ -38,7 +40,6 @@
"@nextcloud/logger": "^2.5.0", "@nextcloud/logger": "^2.5.0",
"@nextcloud/moment": "^1.2.1", "@nextcloud/moment": "^1.2.1",
"@nextcloud/router": "^2.0.1", "@nextcloud/router": "^2.0.1",
"@nextcloud/stylelint-config": "^2.3.0",
"@nextcloud/vue": "^7.4.0", "@nextcloud/vue": "^7.4.0",
"@nextcloud/vue-richtext": "^2.0.4", "@nextcloud/vue-richtext": "^2.0.4",
"he": "^1.2.0", "he": "^1.2.0",
@ -77,6 +78,7 @@
"@nextcloud/babel-config": "^1.0.0", "@nextcloud/babel-config": "^1.0.0",
"@nextcloud/browserslist-config": "^2.3.0", "@nextcloud/browserslist-config": "^2.3.0",
"@nextcloud/eslint-config": "^8.2.0", "@nextcloud/eslint-config": "^8.2.0",
"@nextcloud/stylelint-config": "^2.3.0",
"@nextcloud/webpack-vue-config": "^5.4.0", "@nextcloud/webpack-vue-config": "^5.4.0",
"cypress": "^11.2.0", "cypress": "^11.2.0",
"jest": "^29.3.1", "jest": "^29.3.1",
@ -100,4 +102,4 @@
"<rootDir>/node_modules/jest-serializer-vue" "<rootDir>/node_modules/jest-serializer-vue"
] ]
} }
} }

130
src/components/Composer/Composer.vue
Wyświetl plik

@ -669,8 +669,7 @@ export default {
right: 0; right: 0;
top: 2; top: 2;
} }
</style>
<style>
/* Tribute-specific styles TODO: properly scope component css */ /* Tribute-specific styles TODO: properly scope component css */
.tribute-container { .tribute-container {
position: absolute; position: absolute;
@ -685,71 +684,72 @@ export default {
z-index: 999999; z-index: 999999;
border-radius: 4px; border-radius: 4px;
box-shadow: 0 1px 3px var(--color-box-shadow); box-shadow: 0 1px 3px var(--color-box-shadow);
}
.tribute-container ul { ul {
margin: 0; margin: 0;
margin-top: 2px; margin-top: 2px;
padding: 0; padding: 0;
list-style: none; list-style: none;
background: var(--color-main-background); background: var(--color-main-background);
border-radius: 4px; border-radius: 4px;
background-clip: padding-box; background-clip: padding-box;
overflow: hidden; overflow: hidden;
} }
.tribute-container li { li {
color: var(--color-text); color: var(--color-text);
padding: 5px 10px; padding: 5px 10px;
cursor: pointer; cursor: pointer;
font-size: 14px; font-size: 14px;
display: flex; display: flex;
}
.tribute-container li span { span {
display: block; display: block;
} }
.tribute-container li.highlight, &.highlight,
.tribute-container li:hover { &:hover {
background: var(--color-primary); background: var(--color-primary);
color: var(--color-primary-text); color: var(--color-primary-text);
} }
.tribute-container li img { img {
width: 32px; width: 32px;
height: 32px; height: 32px;
border-radius: 50%; border-radius: 50%;
overflow: hidden; overflow: hidden;
margin-right: 10px; margin-right: 10px;
margin-left: -3px; margin-left: -3px;
margin-top: 3px; margin-top: 3px;
} }
.tribute-container li span { span {
font-weight: bold; font-weight: bold;
} }
.tribute-container li.no-match { &.no-match {
cursor: default; cursor: default;
} }
.tribute-container .menu-highlighted { }
font-weight: bold;
}
.tribute-container .account, .menu-highlighted {
.tribute-container li.highlight .account, font-weight: bold;
.tribute-container li:hover .account { }
font-weight: normal;
color: var(--color-text-light);
opacity: 0.5;
}
.tribute-container li.highlight .account, .account,
.tribute-container li:hover .account { li.highlight .account,
color: var(--color-primary-text) !important; li:hover .account {
opacity: .6; font-weight: normal;
color: var(--color-text-light);
opacity: 0.5;
}
li.highlight .account,
li:hover .account {
color: var(--color-primary-text) !important;
opacity: .6;
}
} }
.message .mention { .message .mention {
@ -760,15 +760,15 @@ export default {
padding-left: 2px; padding-left: 2px;
padding-bottom: 1px; padding-bottom: 1px;
padding-right: 5px; padding-right: 5px;
}
.mention img { img {
width: 16px; width: 16px;
border-radius: 50%; border-radius: 50%;
overflow: hidden; overflow: hidden;
margin-right: 3px; margin-right: 3px;
vertical-align: middle; vertical-align: middle;
margin-top: -1px; margin-top: -1px;
}
} }
.hashtag { .hashtag {

3
src/components/Emoji.vue
Wyświetl plik

@ -41,6 +41,3 @@ export default {
}, },
} }
</script> </script>
<style scoped>
</style>

26
src/components/TimelineList.vue
Wyświetl plik

@ -154,17 +154,17 @@ export default {
</script> </script>
<style scoped> <style scoped>
.list-item { .list-enter-active, .list-leave-active {
} transition: all .5s;
.list-enter-active, .list-leave-active { }
transition: all .5s;
} .list-enter {
.list-enter { opacity: 0;
opacity: 0; transform: translateY(-30px);
transform: translateY(-30px); }
}
.list-leave-to { .list-leave-to {
opacity: 0; opacity: 0;
transform: translateX(-100px); transform: translateX(-100px);
} }
</style> </style>

2
src/views/OStatus.vue
Wyświetl plik

@ -123,9 +123,11 @@ export default {
h2, p { h2, p {
color: var(--color-primary-text); color: var(--color-primary-text);
} }
p .icon { p .icon {
display: inline-block; display: inline-block;
} }
.avatardiv { .avatardiv {
vertical-align: -4px; vertical-align: -4px;
margin-right: 3px; margin-right: 3px;

1
src/views/ProfileFollowers.vue
Wyświetl plik

@ -68,6 +68,7 @@ export default {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
} }
.user-entry { .user-entry {
width: 100%; width: 100%;
padding: 20px; padding: 20px;

4
src/views/ProfileTimeline.vue
Wyświetl plik

@ -40,7 +40,3 @@ export default {
}, },
} }
</script> </script>
<style scoped>
</style>

1
src/views/Timeline.vue
Wyświetl plik

@ -149,6 +149,7 @@ export default {
transition: all .5s ease-out; transition: all .5s ease-out;
max-height: 200px; max-height: 200px;
} }
.slide-fade-leave-to { .slide-fade-leave-to {
max-height: 0; max-height: 0;
opacity: 0; opacity: 0;

20
src/views/TimelineSinglePost.vue
Wyświetl plik

@ -93,18 +93,12 @@ export default {
</script> </script>
<style scoped> <style scoped>
.social__timeline {
max-width: 600px;
margin: 15px auto;
}
.social__timeline { #app-content {
max-width: 600px; position: relative;
margin: 15px auto; }
}
#app-content {
position: relative;
}
</style>
<style>
</style> </style>

3
stylelint.config.js 100644
Wyświetl plik

@ -0,0 +1,3 @@
const stylelintConfig = require('@nextcloud/stylelint-config')
module.exports = stylelintConfig