Xfce Wiki

Sub domains
 

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision		Previous revision
releng:4.16:roadmap:general_ui:csd [2019/09/17 16:20] – ochosireleng:4.16:roadmap:general_ui:csd [2020/08/20 20:50] (current) – add footer nav kevinbowen
Line 1: Line 1:
-====== Comparison of current look to CSD ======+====== Review of current Xfwm4 decorations vs. CSD ====== 
 + 
 +Code: https://git.xfce.org/users/ochosi/libxfce4ui/log/?h=headerbar 
 + 
 +To use the new HeaderBar in lieu of the traditional XfceTitledDialog heading just add a <property name="use_header_bar">1</property> to your glade file or set the property when creating the dialog via g_object_new. (Note that this setting has to be set at construct time.) 
 + 
 +//For 4.16 we will be going with Scenario 2.// 
 + 
 +----
  
 ===== Scenarios ===== ===== Scenarios =====
-  - Go "complete" CSD/HeaderBar //(i.e. redesign every application to truly benefit from introducing a HeaderBar)// + 
-  - The compromise //(use CSD only as window decoration for apps, replace XfceTitledDialog with a HeaderBar)// +==== Scenario 1: Go "complete" CSD/HeaderBar ==== 
-  - Stay where we are //(well, literally change nothing about our decorations or XfceTitledDialog)//+ 
 +This is the most effort of all three scenarios and would imply redesigning all applications, notably Thunar, Parole, Taskmanager. 
 +This scenario should not be taken as a "go full Gnome style". Despite the fact that HeaderBars by default suck in the ButtonBox/ActionArea of Dialogs, those bottom elements can be retained (as you can see in the screenshots below). 
 +[[https://elementary.io|elementary]] would be one proponent of a Desktop Environment using CSD, albeit without the background of also providing the DE to mobile devices. Hence their usage/implementation of CSD is "less pronounced" than Gnome's, see e.g. their Video Player. (The elementary example is only meant to illustrate that there isn't only one way to use HeaderBars.) 
 + 
 +==== Scenario 2: Full CSD, not full HeaderBar (selected for 4.16) ==== 
 + 
 +This means 
 +  * replacing XfceTitledDialog with a HeaderBar containing "[icon] [title|subtitle] [window controls]" 
 +  * re-designing those apps that seem like low-hanging fruit (Taskmanager?) 
 +  * using CSD only as simple window decorations for applications 
 +  * this ensures we can gradually make changes and get feedback along the way 
 + 
 +==== Scenario 3: Use CSD only for XfceTitledDialog ==== 
 + 
 +This means 
 +  * only using CSD for XfceTitledDialog (see scenario 2) and leaving the rest unchanged, so Xfwm4 decorations for applications like Thunar. 
 +  * low effort 
 +  * visual inconsistency and uncertainty for app devs if they can/should/shouldn't switch to CSD 
 + 
 +==== Scenario 4: Stay where we are ==== 
 + 
 +This means changing nothing with respect to window decorations or XfceTitledDialog. 
 + 
 +---- 
 + 
 +===== General Advantages and Disadvantages =====
  
 Advantages of current XfceTitledHeader: Advantages of current XfceTitledHeader:
Line 30: Line 64:
   * Risk of inconsistency if we don't write down good guidelines how headerbars/CSD should look in Xfce (example of possible inconsistency: app icons or not, window title or not)   * Risk of inconsistency if we don't write down good guidelines how headerbars/CSD should look in Xfce (example of possible inconsistency: app icons or not, window title or not)
   * Users cannot match titlebar style and Gtk+ style independently (so if they don't like the look, they have to search for another theme)   * Users cannot match titlebar style and Gtk+ style independently (so if they don't like the look, they have to search for another theme)
 +
 +----
  
 ====== Screenshots ====== ====== Screenshots ======
Line 37: Line 73:
 ===== Preferences Dialogs (libxfce4ui aka XfceTitledDialog) ===== ===== Preferences Dialogs (libxfce4ui aka XfceTitledDialog) =====
  
 +==== Panel Settings (Dark Mode enabled) ====
 +
 +{{:releng:4.16:roadmap:general_ui:panel-dark.png?direct&200|}}
 +{{:releng:4.16:roadmap:general_ui:panel-dark-csd.png?direct&200|}}
 ==== Appearance Settings ==== ==== Appearance Settings ====
 +
 +Relevant for Scenarios 1, 2 and 3.
  
 {{:releng:4.16:roadmap:general_ui:appearance.png?direct&200|}} {{:releng:4.16:roadmap:general_ui:appearance.png?direct&200|}}
Line 43: Line 85:
  
 ==== Color Profiles ==== ==== Color Profiles ====
 +
 +Relevant for Scenarios 1, 2 and 3.
  
 {{:releng:4.16:roadmap:general_ui:color.png?direct&200|}} {{:releng:4.16:roadmap:general_ui:color.png?direct&200|}}
Line 49: Line 93:
 ===== Applications ===== ===== Applications =====
  
 +Three applications, one with a headerbar redesign (Taskmanager), one which is practically a settings dialog (Notifyd) and one with a minimal/zero-redesign CSD (Parole) to highlight different options/steps we have/can take when trying a transition.
 ==== Taskmanager ==== ==== Taskmanager ====
 +
 +Relevant for Scenarios 1 and 2.
  
 {{:releng:4.16:roadmap:general_ui:taskmanager.png?direct&200 |}} {{:releng:4.16:roadmap:general_ui:taskmanager.png?direct&200 |}}
Line 55: Line 102:
  
 ==== Notifyd ==== ==== Notifyd ====
 +
 +Relevant for Scenarios 1, 2 and 3.
  
 {{:releng:4.16:roadmap:general_ui:notifyd.png?direct&200|}} {{:releng:4.16:roadmap:general_ui:notifyd.png?direct&200|}}
Line 62: Line 111:
  
 ==== Parole ==== ==== Parole ====
 +
 +Relevant for Scenario 2. (Scenario 1 could e.g. mean dissolving the menubar into the headerbar somehow.)
  
 {{:releng:4.16:roadmap:general_ui:parole.png?direct&200|}} {{:releng:4.16:roadmap:general_ui:parole.png?direct&200|}}
 {{:releng:4.16:roadmap:general_ui:parole-csd.png?direct&200|}} {{:releng:4.16:roadmap:general_ui:parole-csd.png?direct&200|}}
 +
 +[[|Back to Top]]
 +----
 +[[:releng:4.16:roadmap:|Back to 4.16 Roadmap main page]]