mirror of
https://github.com/nextcloud/server.git
synced 2026-04-15 22:11:17 -04:00
Include the scss in the vue component
Signed-off-by: Roeland Jago Douma <roeland@famdouma.nl>
This commit is contained in:
parent
d62f24fa49
commit
83e863ed01
8 changed files with 1306 additions and 65 deletions
|
|
@ -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
1236
apps/updatenotification/package-lock.json
generated
1236
apps/updatenotification/package-lock.json
generated
File diff suppressed because it is too large
Load diff
|
|
@ -34,6 +34,9 @@
|
|||
"babel-loader": "^8.0.5",
|
||||
"css-loader": "^2.1.0",
|
||||
"file-loader": "^3.0.1",
|
||||
"node-sass": "^4.11.0",
|
||||
"sass-loader": "^7.1.0",
|
||||
"style-loader": "^0.23.1",
|
||||
"vue-loader": "^15.5.0",
|
||||
"vue-template-compiler": "^2.5.21",
|
||||
"webpack": "^4.28.3",
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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'
|
||||
}
|
||||
]
|
||||
},
|
||||
|
|
|
|||
Loading…
Reference in a new issue