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-25 02:16:35 +02:00
parent d27adbd77a
commit 3851c4ef3e
5 changed files with 13 additions and 11 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

11
data/www/js/slideshow/content-composition.js
View File

@ -352,17 +352,14 @@ jQuery(document).ready(function ($) {
$element.attr('data-content-type', content.type); $element.attr('data-content-type', content.type);
$element.data('content-metadata', content.metadata); $element.data('content-metadata', content.metadata);
const $elementList = $('.element-list-item[data-id='+$element.attr('data-id')+']'); const $elementList = $('.element-list-item[data-id='+$element.attr('data-id')+']');
$element.find('i').get(0).classList = [ const iconClasses = [
'fa',
content_type_icon_classes[content.type],
classColorXor(content_type_color_classes[content.type], content_type_color_classes[content.type])
].join(' ');
$elementList.find('label').text(content.name);
$elementList.find('i:eq(0)').get(0).classList = [
'fa', 'fa',
content_type_icon_classes[content.type], content_type_icon_classes[content.type],
content_type_color_classes[content.type] content_type_color_classes[content.type]
].join(' '); ].join(' ');
$element.find('i').get(0).classList = iconClasses;
$elementList.find('label').text(content.name);
$elementList.find('i:eq(0)').get(0).classList = iconClasses;
}; };
$(document).on('submit', 'form.form', function (e) { $(document).on('submit', 'form.form', function (e) {

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

@ -107,6 +107,10 @@
&.fa-cog { &.fa-cog {
text-shadow: 0 -2px $gkscaleB, 0 0px 2px $gkscaleB; text-shadow: 0 -2px $gkscaleB, 0 0px 2px $gkscaleB;
} }
&.gscaleF {
color: black !important;
}
} }
.rotate-handle { .rotate-handle {

5
views/player/player.jinja.html
View File

@ -6,12 +6,13 @@
<meta name="google" content="notranslate"> <meta name="google" content="notranslate">
<link rel="shortcut icon" href="{{ STATIC_PREFIX }}/favicon.ico"> <link rel="shortcut icon" href="{{ STATIC_PREFIX }}/favicon.ico">
{% set force_cover = request.args.get('cover') == '1' %} {% set force_cover = request.args.get('cover') == '1' %}
{% set transparent = request.args.get('transparent') == '1' %}
{% if slide_animation_enabled %} {% if slide_animation_enabled %}
<link rel="stylesheet" href="{{ STATIC_PREFIX }}css/lib/animate.min.css" /> <link rel="stylesheet" href="{{ STATIC_PREFIX }}css/lib/animate.min.css" />
{% endif %} {% endif %}
<style> <style>
html, body { margin: 0; padding: 0; height: 100%; overflow: hidden; background-color: white; display: flex; flex-direction: row; justify-content: center; align-items: center; } html, body { margin: 0; padding: 0; height: 100%; overflow: hidden; background-color: {{ 'transparent' if transparent else 'white' }}; display: flex; flex-direction: row; justify-content: center; align-items: center; }
.slide { display: flex; flex-direction: row; justify-content: center; align-items: center; background: black; } .slide { display: flex; flex-direction: row; justify-content: center; align-items: center; background: {{ 'transparent' if transparent else 'black' }}; }
.slide, iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; padding-top: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .slide, iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; padding-top: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.slide iframe { background: white; } .slide iframe { background: white; }
.slide img, .slide video { {% if force_cover %}width: 100%;{% endif %} height: 100%; } .slide img, .slide video { {% if force_cover %}width: 100%;{% endif %} height: 100%; }