tamius-han/ultrawidify
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

LPT: injected components won't get CSS styles if you don't include them in manifest.json

Browse Source
This commit is contained in:
Tamius Han 2020-12-05 00:45:48 +01:00
parent 4635dc4eec
commit 12b15c58f8
2 changed files with 16 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
src/csui/NotificationUi.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<div v-if="showNotification" class="root-window flex flex-column overflow-hidden"> <div v-if="showNotification" class="uw-ultrawidify-container flex flex-column overflow-hidden">
<div class="notification-popup flex flex-row"> <div class="notification-popup flex flex-row">
<div v-if="notificationIcon" class="flex-nogrow flex-noshrink notification-icon"> <div v-if="notificationIcon" class="flex-nogrow flex-noshrink notification-icon">
<Icon <Icon
@ -116,22 +116,22 @@ export default {
@import '../res/css/font/overpass-mono.css'; @import '../res/css/font/overpass-mono.css';
@import '../res/css/common.scss'; @import '../res/css/common.scss';
.root-window { .uw-ultrawidify-container {
position: relative; position: relative;
width: 100%; width: 100%;
height: 100%; height: 100%;
}
.notification-popup { .notification-popup {
position: absolute; position: absolute;
z-index: 99999999; z-index: 99999999;
background-color: rgba(0,0,0,0.88); background-color: rgba(108, 55, 12, 0.779);
top: 2rem; top: 2rem;
left: 2rem; left: 2rem;
width: 15rem; width: 15rem;
color: #fff; color: #fff;
} }
.notification-icon { .notification-icon {
font-size: 3rem; font-size: 3rem;
}
} }
</style> </style>

3
src/manifest.json
View File

@ -23,7 +23,8 @@
"ext/uw.js" "ext/uw.js"
], ],
"css": [ "css": [
"ext/uw-ui.css" "ext/uw-ui.css",
"ext/uw.css"
], ],
"all_frames": true "all_frames": true
}], }],