Re: [LMMS-devel] CSS to style LMMS and media queries

[Tres F. <tre...@gm...>]

Perhaps I didn't answer the question fully...

Is this already being done?


No, the CSS that Qt supports doesn't seems to have the capabilities you
speak of.

How are things being done currently?


This is a very broad statement.  Layout of Windows (MDI-style-sub-windows,
you know the ones the 90s thought were a good idea) are done through the
QMdiArea/QMdiSubWindow <http://doc.qt.io/qt-4.8/qmdisubwindow.html> C++
classes that are provided with the Qt framework.

The layout of the GUI components is quite far behind anything you're
describing.  Just a standard overflow-style-layout where components
overflow naturally doesn't work well with Qt out of the box.

Some items, such as the QMdiSubWindow title bars
<https://github.com/LMMS/lmms/issues/2450> can't even be themed out of the
box and require some custom C++ code to draw properly (leveraging CSS for
the styling of individual items when possible of course
<https://github.com/LMMS/lmms/pull/2516/files#diff-5e0b9f5887910241c7d7a7d4b359cfe1L411>
).

Individual Widgets use QWidget
<https://github.com/LMMS/lmms/blob/master/include/TabBar.h#L39>, but still
don't have full CSS support you speak of.  They're mostly bound to the
QMdiArea or whatever container they're attached/added/contained within/to.

Although CSS allows the styling of components within LMMS, the layout of
them inside their container is very (very) static currently.  We're working
to make this better (e.g. with our new theme
<https://github.com/LMMS/lmms/issues/2587>), but the end-goal would be to
implement something like a single-window interface
<https://github.com/LMMS/lmms/issues/1911> (abolish the QMdiArea) and have
a dedicated framework for drawing and layout out our GUI elements.

The UI in the single-window proposal is written by @fundamental/Zyn author
and his work is available here (specific to Zyn for now):
https://github.com/fundamental/zyn-ui-two

This is more than just a layout engine though.  To achieve true real-time
DSP, Qt's signals and slots will go away (we rely on them quite heavily now
<https://github.com/LMMS/lmms/search?utf8=%E2%9C%93&q=slots&type=Code>).
This also requires a good decoupling of the GUI and the core using a new
message handling approach <https://github.com/LMMS/lmms/pull/2252> (<-
closed/wontfix).

But even when all of this is done, will component layout be CSS driven?
Probably not (or only in part)  It'll more likely be driven by the
underlying C++ layout engine, but you can ping @fundamental if you'd like
to know more about that.







- Tre...@gm...

On Sat, Apr 30, 2016 at 1:00 PM, Tres Finocchiaro <
tre...@gm...> wrote:

> > Is there a way we can take advantage of css and media queries to make
>> managing different screen sizes and resolutions easier to deal with in
>> terms of layout?
>
>
> No unless you have a link you can share.
>
> But our components aren't HTML `div`s.  I'm not sure what you're saying.
> Media queries are uses in HTML primarily as a way to resize the page for
> different size screens (tablet, mobile, etc).
>
> Unless you can link us something that assists with layout, you're not
> sparking interest, just confusion.
>
> - Tre...@gm...
>
> On Sat, Apr 30, 2016 at 12:41 PM, Jonathan Aquilina <
> eag...@gm...> wrote:
>
>> I've seen mentions to css in the new theme rework being done by Rebecca
>> and crew, by the way,  I  love the new look.
>>
>> Is there a way we can take advantage of css and media queries to make
>> managing different screen sizes and resolutions easier to deal with in
>> terms of layout?
>> On 30 Apr 2016 6:38 pm, "Tres Finocchiaro" <tre...@gm...>
>> wrote:
>>
>> Don't reply to me personally, and please answer the question.
>>
>> Your post makes absolutely no sense in C++ unless you have a reference to
>> illustrate.
>>
>> - Tre...@gm...
>>
>> On Sat, Apr 30, 2016 at 12:32 PM, Jonathan Aquilina <
>> eag...@gm...> wrote:
>>
>>> I'm referring to it in the source code as I'm seeing mentions and
>>> references to qt in regards to styling
>>> On 30 Apr 2016 6:22 pm, "Tres Finocchiaro" <tre...@gm...>
>>> wrote:
>>>
>>>> Where? Our website?  Of course.
>>>>
>>>> https://github.com/LMMS/lmms.io/blob/master/public/css/style.css
>>>>
>>>> Unless you're talking C++.  If that's the case, provide a link of what
>>>> you're talking about.
>>>>
>>>> - Tre...@gm...
>>>>
>>>> On Sat, Apr 30, 2016 at 4:14 AM, Jonathan Aquilina <
>>>> eag...@gm...> wrote:
>>>>
>>>>> Hey guys,
>>>>>
>>>>> This is more of a question to spark an interesting discussion. in
>>>>> terms of window sizes text sizes etc. Seeing as web sites take advantage of
>>>>> media queries to be able to cater for all sorts of different screen sizes.
>>>>> This would make things very easy to maintain as fixes would need to be made
>>>>> and adjusted at the css level only and not in the code.
>>>>>
>>>>> Is this already being done? How are things being done currently?
>>>>>
>>>>>
>>>>> ------------------------------------------------------------------------------
>>>>> Find and fix application performance issues faster with Applications
>>>>> Manager
>>>>> Applications Manager provides deep performance insights into multiple
>>>>> tiers of
>>>>> your business applications. It resolves application problems quickly
>>>>> and
>>>>> reduces your MTTR. Get your free trial!
>>>>> https://ad.doubleclick.net/ddm/clk/302982198;130105516;z
>>>>> _______________________________________________
>>>>> LMMS-devel mailing list
>>>>> LMM...@li...
>>>>> https://lists.sourceforge.net/lists/listinfo/lmms-devel
>>>>>
>>>>>
>>>>
>>
>