Merge pull request #13500 from nextcloud/enh/updatenotifications/include-scss

Updatenotifications: Include the scss in the vue component
This commit is contained in:
Roeland Jago Douma 2019-01-11 11:17:25 +01:00 committed by GitHub
commit 861275d10b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
8 changed files with 1424 additions and 426 deletions

View File

@ -1,53 +0,0 @@
#updatenotification {
margin-top: -25px;
div.update,
p:not(.inlineblock) {
margin-bottom: 25px;
}
h2.inlineblock {
margin-top: 25px;
}
h3 {
cursor: pointer;
.icon {
cursor: pointer;
}
&:first-of-type {
margin-top: 0;
}
}
.icon {
display: inline-block;
margin-bottom: -3px;
}
.icon-triangle-s, .icon-triangle-n {
opacity: 0.5;
}
.channel-description span {
color: var(--color-text-lighter);
strong {
color: var(--color-main-text);
font-weight: normal;
}
}
.warning {
color: var(--color-error);
}
.whatsNew {
display: inline-block;
}
.toggleWhatsNew {
position: relative;
}
.popovermenu {
p {
margin-bottom: 0;
width: 100%;
}
margin-top: 5px;
width: 300px;
}
.applist {
margin-bottom: 25px;
}
}

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because it is too large Load Diff

View File

@ -23,7 +23,7 @@
},
"homepage": "https://github.com/nextcloud/notifications#readme",
"dependencies": {
"nextcloud-vue": "^0.4.5",
"nextcloud-vue": "^0.4.6",
"v-tooltip": "^2.0.0-rc.33",
"vue": "^2.5.21",
"vue-click-outside": "^1.0.7"
@ -34,10 +34,13 @@
"babel-loader": "^8.0.5",
"css-loader": "^2.1.0",
"file-loader": "^3.0.1",
"vue-loader": "^15.5.0",
"node-sass": "^4.11.0",
"sass-loader": "^7.1.0",
"style-loader": "^0.23.1",
"vue-loader": "^15.5.1",
"vue-template-compiler": "^2.5.21",
"webpack": "^4.28.3",
"webpack-cli": "^3.2.0",
"webpack": "^4.28.4",
"webpack-cli": "^3.2.1",
"webpack-merge": "^4.2.1"
}
}

View File

@ -346,3 +346,59 @@
}
}
</script>
<style lang="sass" scoped>
#updatenotification {
margin-top: -25px;
div.update,
p:not(.inlineblock) {
margin-bottom: 25px;
}
h2.inlineblock {
margin-top: 25px;
}
h3 {
cursor: pointer;
.icon {
cursor: pointer;
}
&:first-of-type {
margin-top: 0;
}
}
.icon {
display: inline-block;
margin-bottom: -3px;
}
.icon-triangle-s, .icon-triangle-n {
opacity: 0.5;
}
.channel-description span {
color: var(--color-text-lighter);
strong {
color: var(--color-main-text);
font-weight: normal;
}
}
.warning {
color: var(--color-error);
}
.whatsNew {
display: inline-block;
}
.toggleWhatsNew {
position: relative;
}
.popovermenu {
p {
margin-bottom: 0;
width: 100%;
}
margin-top: 5px;
width: 300px;
}
.applist {
margin-bottom: 25px;
}
}
</style>

View File

@ -9,7 +9,6 @@ declare(strict_types=1);
* later. See the COPYING file.
*/
script('updatenotification', 'updatenotification');
style('updatenotification', 'admin');
/** @var array $_ */
?>
<div id="updatenotification" data-json="<?php p($_['json']); ?>"></div>

View File

@ -18,6 +18,10 @@ module.exports = {
test: /\.js$/,
loader: 'babel-loader',
exclude: /node_modules/
},
{
test: /\.s[a|c]ss$/,
loader: 'style-loader!css-loader!sass-loader'
}
]
},