deblan/forms
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Stylelint fix

Browse source 
Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
This commit is contained in:
John Molakvoæ (skjnldsv) 2020-04-29 12:04:11 +02:00
parent fcae747c5f
commit 146aedd6fc
No known key found for this signature in database
GPG key ID: 60C25B8C072916CF
9 changed files with 996 additions and 1376 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2156
package-lock.json generated
View file

File diff suppressed because it is too large Load diff

14
package.json
View file

@ -18,10 +18,8 @@
"watch": "NODE_ENV=development webpack --progress --watch --config webpack.dev.js", "watch": "NODE_ENV=development webpack --progress --watch --config webpack.dev.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": "stylelint css/*.css css/*.scss src/**/*.vue",
"stylelint:fix": "stylelint src --fix", "stylelint:fix": "stylelint css/*.css css/*.scss src/**/*.vue --fix"
"test": "jest",
"test:coverage": "jest --coverage"
}, },
"dependencies": { "dependencies": {
"@nextcloud/auth": "^1.2.3", "@nextcloud/auth": "^1.2.3",
@ -74,10 +72,10 @@
"file-loader": "^6.0.0", "file-loader": "^6.0.0",
"node-sass": "^4.14.0", "node-sass": "^4.14.0",
"sass-loader": "^8.0.2", "sass-loader": "^8.0.2",
"stylelint": "^8.4.0", "stylelint": "^13.3.3",
"stylelint-config-recommended-scss": "^3.3.0", "stylelint-config-recommended-scss": "^4.2.0",
"stylelint-scss": "^3.17.1", "stylelint-scss": "^3.17.0",
"stylelint-webpack-plugin": "^0.10.5", "stylelint-webpack-plugin": "^1.2.3",
"url-loader": "^4.1.0", "url-loader": "^4.1.0",
"vue-loader": "^15.9.1", "vue-loader": "^15.9.1",
"vue-style-loader": "^4.1.1", "vue-style-loader": "^4.1.1",

4
src/components/Questions/AnswerInput.vue
View file

@ -177,7 +177,3 @@ export default {
}, },
} }
</script> </script>
<style lang="scss" scoped>
</style>

1
src/components/Questions/Question.vue
View file

@ -182,7 +182,6 @@ export default {
&:focus { &:focus {
opacity: 1; opacity: 1;
} }
cursor: grab; cursor: grab;
&:active { &:active {

42
src/components/_base-UserDiv.vue
View file

@ -100,30 +100,30 @@ export default {
<style lang="scss"> <style lang="scss">
.user-row { .user-row {
display: flex; display: flex;
flex-grow: 0; flex-grow: 0;
align-items: center; align-items: center;
margin-left: 0; margin-left: 0;
margin-top: 0; margin-top: 0;
> div { > div {
margin: 2px 4px; margin: 2px 4px;
} }
.description { .description {
opacity: 0.7; opacity: 0.7;
flex-grow: 0; flex-grow: 0;
} }
.avatar { .avatar {
height: 32px; height: 32px;
width: 32px; width: 32px;
flex-grow: 0; flex-grow: 0;
} }
.user-name { .user-name {
opacity: 0.5; opacity: 0.5;
flex-grow: 1; flex-grow: 1;
} }
} }
</style> </style>

145
src/components/resultItem.vue
View file

@ -151,6 +151,7 @@ $mediabreak-3: $group-1-width + $owner-width + max($group-2-1-width, $group-2-2-
border-bottom: 1px solid var(--color-border); border-bottom: 1px solid var(--color-border);
&.table-header { &.table-header {
opacity: 0.5;
.name, .description { .name, .description {
padding-left: ($thumbnail-width + $table-padding *2); padding-left: ($thumbnail-width + $table-padding *2);
} }
@ -177,10 +178,6 @@ $mediabreak-3: $group-1-width + $owner-width + max($group-2-1-width, $group-2-2-
} }
} }
&.table-header {
opacity: 0.5;
}
} }
.wrapper { .wrapper {
@ -188,8 +185,6 @@ $mediabreak-3: $group-1-width + $owner-width + max($group-2-1-width, $group-2-2-
align-items: center; align-items: center;
position: relative; position: relative;
flex-grow: 0; flex-grow: 0;
div {
}
} }
.name { .name {
@ -253,10 +248,10 @@ $mediabreak-3: $group-1-width + $owner-width + max($group-2-1-width, $group-2-2-
} }
.created { .created {
width: $group-2-1-width;; width: $group-2-1-width;
} }
.expiry, .participants { .expiry, .participants {
width: $group-2-2-width;; width: $group-2-2-width;
} }
} }
@ -277,83 +272,83 @@ $mediabreak-3: $group-1-width + $owner-width + max($group-2-1-width, $group-2-2-
} }
.thumbnail { .thumbnail {
width: 44px; width: 44px;
height: 44px; height: 44px;
padding-right: 4px; padding-right: 4px;
font-size: 0; font-size: 0;
background-color: var(--color-text-light); background-color: var(--color-text-light);
&.dateform { &.dateform {
mask-image: var(--icon-calendar-000) no-repeat 50% 50%; mask-image: var(--icon-calendar-000) no-repeat 50% 50%;
-webkit-mask: var(--icon-calendar-000) no-repeat 50% 50%; -webkit-mask: var(--icon-calendar-000) no-repeat 50% 50%;
mask-size: 16px; mask-size: 16px;
} }
&.textform { &.textform {
mask-image: var(--icon-organization-000) no-repeat 50% 50%; mask-image: var(--icon-organization-000) no-repeat 50% 50%;
-webkit-mask: var(--icon-organization-000) no-repeat 50% 50%; -webkit-mask: var(--icon-organization-000) no-repeat 50% 50%;
mask-size: 16px; mask-size: 16px;
} }
&.expired { &.expired {
background-color: var(--color-background-darker); background-color: var(--color-background-darker);
} }
&.access { &.access {
display: inherit; display: inherit;
&.hidden { &.hidden {
mask-image: var(--icon-password-000) no-repeat 50% 50%; mask-image: var(--icon-password-000) no-repeat 50% 50%;
-webkit-mask: var(--icon-password-000) no-repeat 50% 50%; -webkit-mask: var(--icon-password-000) no-repeat 50% 50%;
mask-size: 16px; mask-size: 16px;
} }
&.public { &.public {
mask-image: var(--icon-link-000) no-repeat 50% 50%; mask-image: var(--icon-link-000) no-repeat 50% 50%;
-webkit-mask: var(--icon-link-000) no-repeat 50% 50%; -webkit-mask: var(--icon-link-000) no-repeat 50% 50%;
mask-size: 16px; mask-size: 16px;
} }
&.select { &.select {
mask-image: var(--icon-share-000) no-repeat 50% 50%; mask-image: var(--icon-share-000) no-repeat 50% 50%;
-webkit-mask: var(--icon-share-000) no-repeat 50% 50%; -webkit-mask: var(--icon-share-000) no-repeat 50% 50%;
mask-size: 16px; mask-size: 16px;
} }
&.registered { &.registered {
mask-image: var(--icon-group-000) no-repeat 50% 50%; mask-image: var(--icon-group-000) no-repeat 50% 50%;
-webkit-mask: var(--icon-group-000) no-repeat 50% 50%; -webkit-mask: var(--icon-group-000) no-repeat 50% 50%;
mask-size: 16px; mask-size: 16px;
} }
} }
} }
.icon-voted { .icon-voted {
background-image: var(--icon-checkmark-fff); background-image: var(--icon-checkmark-fff);
} }
.app-navigation-entry-utils-counter { .app-navigation-entry-utils-counter {
padding-right: 0 !important; overflow: hidden;
overflow: hidden; text-align: right;
text-align: right; font-size: 9pt;
font-size: 9pt; line-height: 44px;
line-height: 44px; padding: 0 12px;
padding: 0 12px; padding-right: 0 !important;
// min-width: 25px; // min-width: 25px;
&.highlighted { &.highlighted {
padding: 0; padding: 0;
text-align: center; text-align: center;
span { span {
padding: 2px 5px; padding: 2px 5px;
border-radius: 10px; border-radius: 10px;
background-color: var(--color-primary); background-color: var(--color-primary);
color: var(--color-primary-text); color: var(--color-primary-text);
} }
} }
} }
.symbol.icon-voted { .symbol.icon-voted {
position: absolute; position: absolute;
left: 11px; left: 11px;
top: 16px; top: 16px;
background-size: 0; background-size: 0;
min-width: 8px; min-width: 8px;
min-height: 8px; min-height: 8px;
background-color: var(--color-success); background-color: var(--color-success);
border-radius: 50%; border-radius: 50%;
} }
</style> </style>
x x

4
src/views/Sidebar.vue
View file

@ -261,8 +261,8 @@ ul {
padding: 8px; padding: 8px;
display: block; display: block;
span[class^="icon-"], span[class^='icon-'],
span[class*=" icon-"] { span[class*=' icon-'] {
background-position: 4px; background-position: 4px;
padding-left: 24px; padding-left: 24px;
} }

2
src/views/Submit.vue
View file

@ -154,6 +154,7 @@ export default {
flex-direction: column; flex-direction: column;
// Force hide navigation toggle as there is no navigation // Force hide navigation toggle as there is no navigation
// stylelint-disable-next-line selector-pseudo-element-no-unknown
::v-deep #app-navigation-toggle { ::v-deep #app-navigation-toggle {
display: none !important; display: none !important;
} }
@ -195,6 +196,7 @@ export default {
.question { .question {
// Less padding needed as submit view does not have drag handles // Less padding needed as submit view does not have drag handles
padding-left: 16px; padding-left: 16px;
// stylelint-disable-next-line selector-pseudo-element-no-unknown
::v-deep &__content { ::v-deep &__content {
// Left-align multiple choice and checkboxes with question text // Left-align multiple choice and checkboxes with question text
// Only in submit view // Only in submit view

4
webpack.common.js
View file

@ -49,7 +49,9 @@ module.exports = {
}, },
plugins: [ plugins: [
new VueLoaderPlugin(), new VueLoaderPlugin(),
new StyleLintPlugin(), new StyleLintPlugin({
files: ['**/*.vue'],
}),
// Make appName & appVersion available as a constant // Make appName & appVersion available as a constant
new webpack.DefinePlugin({ appName }), new webpack.DefinePlugin({ appName }),
new webpack.DefinePlugin({ appVersion }), new webpack.DefinePlugin({ appVersion }),