rythondev/multi-task-widget-cross-platform
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

added automatic task list dimensions

Browse source
This commit is contained in:
liyunze 2023-10-07 16:20:24 +08:00
parent 8403145c30
commit 0627afee87
2 changed files with 6 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
configs.js
View file

@ -7,13 +7,10 @@ const configs = (function () {
// animation
const scrollSpeed = 40; // milliseconds
const gapBetweenScrolls = 100; // px
const gapBetweenScrolls = 0; // px
// STYLES
// task list
const taskListWidth = "400px"; // px
const taskListHeight = "300px"; // px
const taskListBackgroundColor = "#000000"; // hex only
const taskListBackgroundOpacity = 0; // 0.0 - 1.0
@ -56,7 +53,7 @@ const configs = (function () {
const usernameFontWeight = "bold"; // normal or bold or number
const usernameColor = "#ffc0cb"; // hex or name or "" for twitch user color
const taskWidth = "98%";
const taskWidth = "100%";
const taskBackgroundColor = "#000000"; // hex only
const taskBackgroundOpacity = 0.7; // 0.0 - 1.0
@ -256,8 +253,6 @@ const configs = (function () {
};
const styles = {
taskListWidth,
taskListHeight,
taskListBackgroundColor,
taskListBackgroundOpacity,
taskListBorderWidth,

8
styles/taskList.css
View file

@ -1,6 +1,6 @@
:root {
--task-list-width: 400px;
--task-list-height: 300px;
--task-list-width: 100%;
--task-list-height: 100vh;
--task-list-background-color: rgba(0, 0, 0, 0.8);
--task-list-border-width: 2px;
--task-list-border-color: white;
@ -48,8 +48,8 @@ body {
}
#main-container {
width: var(--task-list-width);
height: var(--task-list-height);
width: 100%;
height: 100vh;
display: flex;
flex-direction: column;
padding: var(--task-list-vertical-padding) var(--task-list-horizontal-padding);