csmith1865/obscreen
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 16 Wiki Activity

wip

Browse Source
This commit is contained in:
jr-k 2024-08-13 12:15:58 +02:00
parent 4712047015
commit 03fbb34d95
6 changed files with 86 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
data/www/css/compiled/main-dark-mode.css
View File

File diff suppressed because one or more lines are too long

2
data/www/css/compiled/main-light-mode.css
View File

File diff suppressed because one or more lines are too long

12
data/www/scss/base/_context.scss
View File

@ -31,8 +31,16 @@ main {
margin-right: 20px;
}
.contex-tail {
margin-right: 20px;
.context-tail {
margin-right: 30px;
.btn {
margin-right: 0;
}
}
.context-tail-auth {
margin-right: 10px;
.btn {
margin-right: 0;

66
data/www/scss/pages/_content-composition.scss
View File

@ -17,8 +17,45 @@
flex: 1;
}
h3.main {
font-size: 16px;
font-weight: 500;
color: $gscaleD;
text-decoration: none;
margin-top: 5px;
border-bottom: 1px solid $gscale2;
margin-bottom: 20px;
padding-bottom: 10px;
align-self: stretch;
}
.toolbar {
margin: 20px;
margin-bottom: 20px;
}
.presets {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
margin-bottom: 20px;
h4 {
margin-right: 5px;
font-weight: normal;
font-size: 14px;
text-decoration: underline;
}
button:focus,
button {
padding: 3px 15px;
margin:0 3px;
font-size: 12px;
font-weight: normal;
min-height: initial;
border: 1px solid $gscale3;
}
}
.screen-holder {
@ -67,6 +104,7 @@
i {
font-size: 20px;
color: $gkscaleC;
&.fa-cog {
text-shadow: 0 -2px $gkscaleB, 0 0px 2px $gkscaleB;
}
@ -141,15 +179,32 @@
background: $gscale2;
padding: 10px;
border-radius: $baseRadius;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-self: flex-start;
.element-list-item {
cursor: pointer;
padding: 5px;
border: 1px solid #ccc;
padding: 5px 10px;
margin-bottom: 5px;
background: $gscaleA;
border-radius: $baseRadius;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
align-self: stretch;
color: $gscale2;
&.focused {
background-color: #d0ebff;
background-color: $seaBlue;
color: white;
font-weight: bold;
}
button {
display: none;
}
}
}
@ -205,7 +260,7 @@
&[disabled] {
padding: 8px 0 5px 8px;
border: 1px solid rgba(255,255,255,.05);
border: 1px solid rgba(255, 255, 255, .05);
}
}
}
@ -215,7 +270,6 @@
}
}
}

4
views/base.jinja.html
View File

@ -180,14 +180,14 @@
<div class="context-divider"></div>
<div class="{% if not AUTH_ENABLED %}contex-tail{% endif %}">
<div class="{% if not AUTH_ENABLED %}context-tail{% else %}context-tail-auth{% endif %}">
<a href="{{ url_for('slideshow_player_refresh', next=request.full_path) }}" class="btn btn-naked btn-double-icon">
<i class="fa fa-display main"></i>
<sub><i class="fa fa-refresh"></i></sub>
</a>
</div>
{% if fully_authenticated_view %}
{% if fully_authenticated_view and AUTH_ENABLED %}
<div class="context-divider"></div>
<div class="context-user">
<div class="dropdown">

15
views/slideshow/contents/edit-composition.jinja.html
View File

@ -108,12 +108,21 @@
<div class="page-content">
<div class="inner">
<h3 class="main">
Monitor
</h3>
<div class="toolbar">
<button id="presetGrid2x2">Grid 2x2</button>
<button id="addElement" class="content-explr-picker">Add Element</button>
<button id="removeAllElements">Remove All Elements</button>
<button id="addElement" class="content-explr-picker"><i class="fa fa-plus icon-left"></i>Add element</button>
<button id="removeAllElements" class="btn btn-danger"><i class="fa fa-trash icon-left"></i> Delete all</button>
</div>
<div class="presets">
<h4 class="divide">
Presets:
</h4>
<button type="button" id="presetGrid2x2" class="btn btn-wire-neutral">Grid 2x2</button>
</div>
<div class="screen-holder">
<div class="screen" id="screen">
<!-- Elements will be dynamically added here -->