Commit Graph

95 Commits

Author SHA1 Message Date
Rafał Dzięgiel
3c0e33e4a4 css: Few override fixes for latest libadwaita 2021-11-19 18:40:34 +01:00
Rafał Dzięgiel
e727b8fb50 Scale fullscreen differently depending on monitor res 2021-09-11 11:22:15 +02:00
Rafał Dzięgiel
11caafe847 css: Remove higher l/r negative margins
This ensures that scale does not overlap with corresponding buttons
2021-09-09 09:13:18 +02:00
Rafał Dzięgiel
0d7274fb03 Optimize TV mode controls size 2021-09-08 11:31:13 +02:00
Rafał Dzięgiel
98d2b80103 Add PiP and play icons as gresource
Add missing PiP icons from web devel kit. Also add play/pause
icons at the right size and remove all workarounds/scaling
implemented or these two.

Playback icons are always two bars for pause and triangle for play,
so hopefully this will not be problematic, as this guaranties the
right size for them that Adwaita unfortunately cannot provide.
2021-09-07 19:34:59 +02:00
Rafał Dzięgiel
a9173bb481 css: Put small L/R margins on speed scale
GTK does weird glitches when scale slider inside popover is dragged to the very end. Avoid that by putting small margins on both sides. It also looks better when its shorter a little bit.
2021-09-06 09:09:05 +02:00
Rafostar
ca168f34ed controls: Use isFullscreen and isMobile from main widget
The "controls.isMobile" was used incorrectly here as it holds value if
controls are in mobile mode, not if running on mobile screen.
Use those values from clapper main widget instead. This fixes incorrect
chapter popover placement on mobile screens.

Also handle fine-tune in CSS as this code path is hit multiple times
when starting/stopping slider drag.
2021-09-05 11:30:46 +02:00
Rafał Dzięgiel
3aab01d35c Improved open URI dialog 2021-09-02 17:22:09 +02:00
Rafał Dzięgiel
c457158541 css: Remove elapsed popover bottom padding
Scale already does a bottom padding, we do not need this much of it
2021-09-01 15:44:45 +02:00
Rafał Dzięgiel
bbada8fb4e Redo controls popovers into GtkMenuButtons 2021-09-01 14:25:42 +02:00
Rafostar
f5ff59f786 css: Remove custom preferences CSS classes
Those are not used anymore
2021-08-22 16:09:45 +02:00
Rafał Dzięgiel
62fab289b7 Few small CSS optimizations for new Adwaita theme 2021-08-06 09:11:39 +02:00
Rafał Dzięgiel
56ca13b370 Remove GTK 4.0.2+ theme workarounds 2021-08-06 09:11:34 +02:00
Rafał Dzięgiel
ce46905319 css: Remove slider outline in TV mode 2021-08-06 09:11:28 +02:00
Rafał Dzięgiel
5fe5f89e5d css: Reduce sliders size
They are way too big in new Adwaita theme for windowed mode, but leave them bigger when in TV mode
2021-08-06 09:11:20 +02:00
Rafał Dzięgiel
13a792c0a9 Remove Adwaita scale brightness increase
This was fixed inside Adwaita theme
2021-08-06 09:10:58 +02:00
Rafał Dzięgiel
6ae38327ca Leave CSS fullscreen optimization applied
Do not apply and remove fullscreen optimization class when going/leaving fullscreen. Instead set it to be applied to fullscreen only with CSS.
2021-05-13 21:13:18 +02:00
Rafał Dzięgiel
af0e082c43 Readapt to changed monitor on the fly
Check and apply/remove TV mode UI on the fly when switching monitors.
This allows for e.g. having a mobile device connected to external big screen,
drag Clapper window from one screen to another and UI should automatically
adapt between mobile and TV modes without interrupting playback.

This also helps in situations where monitor size is not initially known
on window map #74.
2021-05-12 15:31:15 +02:00
Rafostar
d04297620b Apply controls offset for Adwaita icons only
Only some icons from Adwaita get size modifications. Others themes do not need this, so they should not have an offset applied.
2021-03-31 21:38:44 +02:00
Rafał Dzięgiel
96e5c5aa7c Restore 5px button margins for TV mode
They were reduced too much recently, causing chapter marks to not fit properly onto the controls bar
2021-03-31 09:04:29 +02:00
Rafał Dzięgiel
66ce006f00 Move buttons margins to CSS and tweak them a little 2021-03-30 22:15:12 +02:00
Rafał Dzięgiel
4a60e01131 Auto set brighter sliders on Adwaita dark only 2021-03-24 21:16:41 +01:00
Rafał Dzięgiel
b404eb2f56 Increase play/pause icon size only on Adwaita theme
Adwaita theme has unusually small media constrols icons, but other popular themes do not. Instead increasing those icons on every theme do it only for Adwaita where problem occurs.
2021-03-24 20:36:08 +01:00
Rafał Dzięgiel
1f18796e0d Make buttons separator black on all themes
Using default @borders value causes it to be white even when all OSD buttons are half transparent black.
2021-03-24 20:04:09 +01:00
Rafał Dzięgiel
6b4521c49a Make video chapter popover easier to read when fullscreen 2021-02-25 09:27:07 +01:00
Rafał Dzięgiel
ddc4030a30 Decrease min allowed video window size
Make sure the app can fit every mobile device by decreasing min window size to 320x180 application-pixels (16:9 aspect).
2021-02-23 12:52:45 +01:00
Rafał Dzięgiel
61ae543cf9 Separate top revealer title and time 2021-02-22 10:22:05 +01:00
Rafostar
8b254de151 Modern fullscreen UI 2021-02-22 10:22:05 +01:00
Rafostar
edde84f0fc Performance: reduce amount of top shadow offscreen rendering 2021-02-22 10:22:05 +01:00
Rafał Dzięgiel
86356d5b1b Make linked buttons icons closer to each other 2021-02-19 20:56:58 +01:00
Rafał Dzięgiel
67ad7d8bd4 Add separator to linked buttons 2021-02-19 20:26:59 +01:00
Rafał Dzięgiel
35d1179905 Make OSD position scale height a little bigger on mobile 2021-02-19 13:00:13 +01:00
Rafał Dzięgiel
6400d251c2 Add a special style class for menu popover button
We want to have a non-osd popover in the button that is placed on OSD headerbar. This is something unusual that Adwaita does not have, so create a custom style that will use common values from user system theme.
2021-02-19 10:12:47 +01:00
Rafał Dzięgiel
192ccb379f Limit minimal video widget size to 336x189px 2021-02-17 12:56:02 +01:00
Rafał Dzięgiel
b012ac4c8f Fix typos 2021-02-17 12:28:49 +01:00
Rafał Dzięgiel
530f60bce9 Replace GTK headerbar with custom implementation
This avoids D&D controllers clash and allows to freely customize how maximize, minimize and close buttons work (differently for e.g. web application) and where are they placed
2021-02-16 15:23:58 +01:00
Rafał Dzięgiel
8064bab6a2 Remove old floating mode leftovers
Clapper has now much simpler floating mode. This overcomplicated code is not needed anymore.
2021-02-13 20:19:08 +01:00
Rafał Dzięgiel
1d16d3e2ac Add OSD headerbar and transition to floating mode 2021-02-13 17:19:03 +01:00
Rafał Dzięgiel
bb8ae47a66 Enforce rounded corners only on Adwaita theme
Adwaita does not have rounded corners yet, but will have soon. Enforce rounded corners in the app only for Adwaita to avoid bumping min required GTK version.
2021-02-12 12:19:43 +01:00
Rafał Dzięgiel
46e8bef7b8 Use separate CSS class for TV mode 2021-02-12 11:49:34 +01:00
Rafał Dzięgiel
3b7beac075 Major theme changes were done in GTK 4.0.2, not GTK 4.1 2021-02-09 20:49:07 +01:00
Rafał Dzięgiel
d5ab23d5c1 Reduce rounded corners radius 2021-02-09 12:45:22 +01:00
Rafał Dzięgiel
23ef3bb85f Optimize sliders for GTK 4.1 2021-02-09 12:40:11 +01:00
Rafał Dzięgiel
b472c23bf5 Fix volume scale border not turning red when overamp 2021-02-08 22:29:00 +01:00
Rafał Dzięgiel
0167f0ab4e Draw black background from CSS when GL fails
When GLArea gets a GL error it leaves user with nothing, but transparent background with error text in the middle. Make it look somewhat decent by drawing black background for the not working video widget.
2021-02-05 19:15:15 +01:00
Rafał Dzięgiel
30cc8732de Style only speed separator 2021-01-23 09:02:06 +01:00
Rafał Dzięgiel
d4ebb1456f Alter playlist width with box container width 2021-01-22 13:15:27 +01:00
Rafał Dzięgiel
2b77810274 Add a custom separator above speed scale
Let users know what this scale does by having a separator with a "speed" label
2021-01-22 13:13:57 +01:00
Rafał Dzięgiel
8d33766725 Stretch fullscreen speed scale
Make it easier to set it precisely in fullscreen where everything is bigger.
2021-01-22 12:06:56 +01:00
Rafał Dzięgiel
20f03423f3 Make speed scale look consistent with volume scale on fullscreen 2021-01-22 11:45:43 +01:00