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

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

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

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

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

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

@ -100,30 +100,30 @@ export default {
<style lang="scss">
.user-row {
display: flex;
flex-grow: 0;
align-items: center;
margin-left: 0;
margin-top: 0;
display: flex;
flex-grow: 0;
align-items: center;
margin-left: 0;
margin-top: 0;
> div {
margin: 2px 4px;
}
> div {
margin: 2px 4px;
}
.description {
opacity: 0.7;
flex-grow: 0;
}
.description {
opacity: 0.7;
flex-grow: 0;
}
.avatar {
height: 32px;
width: 32px;
flex-grow: 0;
}
.avatar {
height: 32px;
width: 32px;
flex-grow: 0;
}
.user-name {
opacity: 0.5;
flex-grow: 1;
}
.user-name {
opacity: 0.5;
flex-grow: 1;
}
}
</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);
&.table-header {
opacity: 0.5;
.name, .description {
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 {
@ -188,8 +185,6 @@ $mediabreak-3: $group-1-width + $owner-width + max($group-2-1-width, $group-2-2-
align-items: center;
position: relative;
flex-grow: 0;
div {
}
}
.name {
@ -253,10 +248,10 @@ $mediabreak-3: $group-1-width + $owner-width + max($group-2-1-width, $group-2-2-
}
.created {
width: $group-2-1-width;;
width: $group-2-1-width;
}
.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 {
width: 44px;
height: 44px;
padding-right: 4px;
font-size: 0;
background-color: var(--color-text-light);
&.dateform {
mask-image: var(--icon-calendar-000) no-repeat 50% 50%;
-webkit-mask: var(--icon-calendar-000) no-repeat 50% 50%;
mask-size: 16px;
}
&.textform {
mask-image: var(--icon-organization-000) no-repeat 50% 50%;
-webkit-mask: var(--icon-organization-000) no-repeat 50% 50%;
mask-size: 16px;
}
&.expired {
background-color: var(--color-background-darker);
}
&.access {
display: inherit;
&.hidden {
mask-image: var(--icon-password-000) no-repeat 50% 50%;
-webkit-mask: var(--icon-password-000) no-repeat 50% 50%;
mask-size: 16px;
}
&.public {
mask-image: var(--icon-link-000) no-repeat 50% 50%;
-webkit-mask: var(--icon-link-000) no-repeat 50% 50%;
mask-size: 16px;
}
&.select {
mask-image: var(--icon-share-000) no-repeat 50% 50%;
-webkit-mask: var(--icon-share-000) no-repeat 50% 50%;
mask-size: 16px;
}
&.registered {
mask-image: var(--icon-group-000) no-repeat 50% 50%;
-webkit-mask: var(--icon-group-000) no-repeat 50% 50%;
mask-size: 16px;
}
width: 44px;
height: 44px;
padding-right: 4px;
font-size: 0;
background-color: var(--color-text-light);
&.dateform {
mask-image: var(--icon-calendar-000) no-repeat 50% 50%;
-webkit-mask: var(--icon-calendar-000) no-repeat 50% 50%;
mask-size: 16px;
}
&.textform {
mask-image: var(--icon-organization-000) no-repeat 50% 50%;
-webkit-mask: var(--icon-organization-000) no-repeat 50% 50%;
mask-size: 16px;
}
&.expired {
background-color: var(--color-background-darker);
}
&.access {
display: inherit;
&.hidden {
mask-image: var(--icon-password-000) no-repeat 50% 50%;
-webkit-mask: var(--icon-password-000) no-repeat 50% 50%;
mask-size: 16px;
}
&.public {
mask-image: var(--icon-link-000) no-repeat 50% 50%;
-webkit-mask: var(--icon-link-000) no-repeat 50% 50%;
mask-size: 16px;
}
&.select {
mask-image: var(--icon-share-000) no-repeat 50% 50%;
-webkit-mask: var(--icon-share-000) no-repeat 50% 50%;
mask-size: 16px;
}
&.registered {
mask-image: var(--icon-group-000) no-repeat 50% 50%;
-webkit-mask: var(--icon-group-000) no-repeat 50% 50%;
mask-size: 16px;
}
}
}
}
.icon-voted {
background-image: var(--icon-checkmark-fff);
background-image: var(--icon-checkmark-fff);
}
.app-navigation-entry-utils-counter {
padding-right: 0 !important;
overflow: hidden;
text-align: right;
font-size: 9pt;
line-height: 44px;
padding: 0 12px;
// min-width: 25px;
&.highlighted {
padding: 0;
text-align: center;
span {
padding: 2px 5px;
border-radius: 10px;
background-color: var(--color-primary);
color: var(--color-primary-text);
}
}
overflow: hidden;
text-align: right;
font-size: 9pt;
line-height: 44px;
padding: 0 12px;
padding-right: 0 !important;
// min-width: 25px;
&.highlighted {
padding: 0;
text-align: center;
span {
padding: 2px 5px;
border-radius: 10px;
background-color: var(--color-primary);
color: var(--color-primary-text);
}
}
}
.symbol.icon-voted {
position: absolute;
left: 11px;
top: 16px;
background-size: 0;
min-width: 8px;
min-height: 8px;
background-color: var(--color-success);
border-radius: 50%;
position: absolute;
left: 11px;
top: 16px;
background-size: 0;
min-width: 8px;
min-height: 8px;
background-color: var(--color-success);
border-radius: 50%;
}
</style>
x

4
src/views/Sidebar.vue
View file

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

2
src/views/Submit.vue
View file

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

4
webpack.common.js
View file

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