[dconf-editor] Rename two CSS classes.



commit 9016a58d84de042857e621e46ed40ba1130c1b4d
Author: Arnaud Bonatti <arnaud bonatti gmail com>
Date:   Fri Jan 18 15:24:01 2019 +0100

    Rename two CSS classes.
    
    The 'small-window' and 'extra-small-window' CSS class
    names are not clear, as they only mark a small width.
    So instead use 'thin-window' and 'extra-thin-window'.

 editor/adaptative-window.vala |  30 +++++------
 editor/base-window.css        |   4 +-
 editor/dconf-editor.css       | 120 +++++++++++++++++++++---------------------
 editor/large-pathbar.css      |   4 +-
 4 files changed, 79 insertions(+), 79 deletions(-)
---
diff --git a/editor/adaptative-window.vala b/editor/adaptative-window.vala
index 1a60274..1243a18 100644
--- a/editor/adaptative-window.vala
+++ b/editor/adaptative-window.vala
@@ -276,14 +276,14 @@ private abstract class AdaptativeWindow : ApplicationWindow
             else if (height < 787)  change_window_size (AdaptativeWidget.WindowSize.PHONE_VERT);
             else                    change_window_size (AdaptativeWidget.WindowSize.EXTRA_THIN);
 
-            set_style_classes (true, true, false);
+            set_style_classes (/* extra thin */ true, /* thin */ true, /* large */ false);
         }
         else if (width < 787)
         {
             if (extra_flat)         change_window_size (AdaptativeWidget.WindowSize.PHONE_HZTL);
             else                    change_window_size (AdaptativeWidget.WindowSize.QUITE_THIN);
 
-            set_style_classes (false, true, false);
+            set_style_classes (/* extra thin */ false, /* thin */ true, /* large */ false);
         }
         else
         {
@@ -291,9 +291,9 @@ private abstract class AdaptativeWindow : ApplicationWindow
             else                    change_window_size (AdaptativeWidget.WindowSize.USUAL_SIZE);
 
             if (width > LARGE_WINDOW_SIZE)
-                set_style_classes (false, false, true);
+                set_style_classes (/* extra thin */ false, /* thin */ false, /* large */ true);
             else
-                set_style_classes (false, false, false);
+                set_style_classes (/* extra thin */ false, /* thin */ false, /* large */ false);
         }
     }
 
@@ -309,24 +309,24 @@ private abstract class AdaptativeWindow : ApplicationWindow
     * * manage style classes
     \*/
 
-    private bool has_extra_small_window_class = false;
-    private bool has_small_window_class = false;
+    private bool has_extra_thin_window_class = false;
+    private bool has_thin_window_class = false;
     private bool has_large_window_class = false;
 
-    private void set_style_classes (bool extra_small_window, bool small_window, bool large_window)
+    private void set_style_classes (bool extra_thin_window, bool thin_window, bool large_window)
     {
         // remove first
-        if (has_extra_small_window_class && !extra_small_window)
-            set_style_class ("extra-small-window", extra_small_window, ref has_extra_small_window_class);
-        if (has_small_window_class && !small_window)
-            set_style_class ("small-window", small_window, ref has_small_window_class);
+        if (has_extra_thin_window_class && !extra_thin_window)
+            set_style_class ("extra-thin-window", extra_thin_window, ref has_extra_thin_window_class);
+        if (has_thin_window_class && !thin_window)
+            set_style_class ("thin-window", thin_window, ref has_thin_window_class);
 
         if (large_window != has_large_window_class)
             set_style_class ("large-window", large_window, ref has_large_window_class);
-        if (small_window != has_small_window_class)
-            set_style_class ("small-window", small_window, ref has_small_window_class);
-        if (extra_small_window != has_extra_small_window_class)
-            set_style_class ("extra-small-window", extra_small_window, ref has_extra_small_window_class);
+        if (thin_window != has_thin_window_class)
+            set_style_class ("thin-window", thin_window, ref has_thin_window_class);
+        if (extra_thin_window != has_extra_thin_window_class)
+            set_style_class ("extra-thin-window", extra_thin_window, ref has_extra_thin_window_class);
     }
 
     private inline void set_style_class (string class_name, bool new_state, ref bool old_state)
diff --git a/editor/base-window.css b/editor/base-window.css
index 139ac0c..0a11467 100644
--- a/editor/base-window.css
+++ b/editor/base-window.css
@@ -30,8 +30,8 @@
 * * app notification
 \*/
 
-.extra-small-window .app-notification,
-      .small-window .app-notification {
+.extra-thin-window .app-notification,
+      .thin-window .app-notification {
   border-radius:0;
 }
 
diff --git a/editor/dconf-editor.css b/editor/dconf-editor.css
index 76142e9..da9f099 100644
--- a/editor/dconf-editor.css
+++ b/editor/dconf-editor.css
@@ -65,20 +65,20 @@
 * * pending change list popover
 \*/
 
-                    .delayed-settings-popover { padding:6px; }
+                   .delayed-settings-popover { padding:6px; }
 
-                    .delayed-list .list-row-header { padding:5px; padding-top:10px; }
+                   .delayed-list .list-row-header { padding:5px; padding-top:10px; }
 
-                    .delayed-list          > scrolledwindow > viewport > list > row        { padding:10px; }
-                    .delayed-list          > scrolledwindow > viewport > list .key-name    { 
padding-bottom:5px; }
+                   .delayed-list          > scrolledwindow > viewport > list > row        { padding:10px; }
+                   .delayed-list          > scrolledwindow > viewport > list .key-name    { 
padding-bottom:5px; }
 
-                    .delayed-list:dir(ltr) > scrolledwindow > viewport > list .value-label { 
padding-right:6px; }
-                    .delayed-list:dir(rtl) > scrolledwindow > viewport > list .value-label { padding-left 
:6px; }
+                   .delayed-list:dir(ltr) > scrolledwindow > viewport > list .value-label { 
padding-right:6px; }
+                   .delayed-list:dir(rtl) > scrolledwindow > viewport > list .value-label { padding-left 
:6px; }
 
-                    .delayed-list:dir(ltr) > scrolledwindow > viewport > list .diff-bullet { padding-left 
:20px; padding-right:6px; }
-                    .delayed-list:dir(rtl) > scrolledwindow > viewport > list .diff-bullet { 
padding-right:20px; padding-left :6px; }
-.extra-small-window .delayed-list:dir(ltr) > scrolledwindow > viewport > list .diff-bullet { padding-left : 
8px; }
-.extra-small-window .delayed-list:dir(rtl) > scrolledwindow > viewport > list .diff-bullet { padding-right: 
8px; }
+                   .delayed-list:dir(ltr) > scrolledwindow > viewport > list .diff-bullet { padding-left 
:20px; padding-right:6px; }
+                   .delayed-list:dir(rtl) > scrolledwindow > viewport > list .diff-bullet { 
padding-right:20px; padding-left :6px; }
+.extra-thin-window .delayed-list:dir(ltr) > scrolledwindow > viewport > list .diff-bullet { padding-left : 
8px; }
+.extra-thin-window .delayed-list:dir(rtl) > scrolledwindow > viewport > list .diff-bullet { padding-right: 
8px; }
 
 /*\
 * * lists rows height and icon
@@ -122,8 +122,8 @@
                                     .keys-list:dir(ltr) > row > .key    > grid { padding-left: 10px; 
padding-right:20px; } /* cool  8-) */
                                     .keys-list:dir(rtl) > row > .key    > grid { padding-right:10px; 
padding-left: 20px; }
 
-window:not(.extra-small-window)     .keys-list:dir(ltr) > row > .key    > grid > :last-child { margin-left: 
4em; }
-window:not(.extra-small-window)     .keys-list:dir(rtl) > row > .key    > grid > :last-child { 
margin-right:4em; }
+window:not(.extra-thin-window)      .keys-list:dir(ltr) > row > .key    > grid > :last-child { margin-left: 
4em; }
+window:not(.extra-thin-window)      .keys-list:dir(rtl) > row > .key    > grid > :last-child { 
margin-right:4em; }
 
 /* technical padding: icon visual padding + icon size + some padding */
                                     .keys-list          > row > .managed > grid  { transition:padding-left  
0.3s,
@@ -248,20 +248,20 @@ window:not(.extra-small-window)     .keys-list:dir(rtl) > row > .key    > grid >
 \*/
 
 /* cool list background and padding */
-            list.properties-list {
+                list.properties-list {
   background-color:initial;
   padding:0.3em 0;
 }
 
-            list.properties-list          > row {
+               list.properties-list > row {
   padding:0;
 }
 
 /* phone mode */
 
-.extra-small-window .properties-list > row { outline-offset:-5px; }   /* just for the left and right */
+.extra-thin-window .properties-list > row { outline-offset:-5px; }   /* just for the left and right */
 
-                    .property-name-label {
+                   .property-name-label {
   margin-left :1rem;
   margin-right:1rem;
 
@@ -277,52 +277,52 @@ window:not(.extra-small-window)     .keys-list:dir(rtl) > row > .key    > grid >
   margin-bottom:0.6rem;
 }
 
-                                .small-keys-list-rows .property-name-label,
-window:not(.extra-small-window) .small-keys-list-rows .property-value {
+                               .small-keys-list-rows .property-name-label,
+window:not(.extra-thin-window) .small-keys-list-rows .property-value {
   margin-top   :0.3rem;
   margin-bottom:0.3rem;
 }
 
-.extra-small-window .property-name-label {
+.extra-thin-window .property-name-label {
   min-width:0;
 }
 
   /* see also ".greyed-label" */
-                             .property-name-label          { color:@theme_fg_color; }
+                            .property-name-label          { color:@theme_fg_color; }
   /* TODO report bug: better would be mix(@theme_fg_color,@theme_bg_color,1.5); but that renders white... */
-.extra-small-window          .property-name-label          { 
color:mix(@theme_fg_color,@insensitive_fg_color,0.6); }
-                   :backdrop .property-name-label,
-.extra-small-window:backdrop .property-name-label          { color:@theme_unfocused_fg_color; }
-                             .property-name-label:disabled,
-.extra-small-window          .property-name-label:disabled { color:@insensitive_fg_color; }
-                   :backdrop .property-name-label:disabled,
-.extra-small-window:backdrop .property-name-label:disabled { color:@unfocused_insensitive_color; }
-
-                                          .property-value          { margin-left  : 1.0rem;
-                                                                     margin-right : 1.0rem;
-                                                                     transition:margin-top    0.3s,   /* 
both */
-                                                                                margin-bottom 0.3s,   /* 
small-keys-list-rows */
-                                                                                margin-left   0.5s,   /* 
extra-small-window */
-                                                                                margin-right  0.5s;   /* 
extra-small-window */
-
-                                                                     margin-top   : 0.6rem;
-                                                                     margin-bottom: 0.6rem; }
-
-.extra-small-window                       .property-value          { margin-top   : 2.2rem; }
-.extra-small-window .small-keys-list-rows .property-value          { margin-top   : 1.9rem; }
-
-                                          .property-value:dir(ltr) { margin-left  :15.0rem; }
-                                          .property-value:dir(rtl) { margin-right :15.0rem; }
-.extra-small-window                       .property-value:dir(ltr) { margin-left  : 1.0rem; }
-.extra-small-window                       .property-value:dir(rtl) { margin-right : 1.0rem; }
-
-                      .properties-list  .property-warning          { padding-top:0.6rem;
-                                                                     transition:margin-left  0.3s, /* for 
ltr */
-                                                                                margin-right 0.3s; /* for 
rtl */ }
-                      .properties-list  .property-warning:dir(ltr) { margin-left :-7.5rem; }
-                      .properties-list  .property-warning:dir(rtl) { margin-right:-7.5rem; }
-.extra-small-window   .properties-list  .property-warning:dir(ltr) { margin-left : 0; }
-.extra-small-window   .properties-list  .property-warning:dir(ltr) { margin-right: 0; }
+.extra-thin-window          .property-name-label          { 
color:mix(@theme_fg_color,@insensitive_fg_color,0.6); }
+                  :backdrop .property-name-label,
+.extra-thin-window:backdrop .property-name-label          { color:@theme_unfocused_fg_color; }
+                            .property-name-label:disabled,
+.extra-thin-window          .property-name-label:disabled { color:@insensitive_fg_color; }
+                  :backdrop .property-name-label:disabled,
+.extra-thin-window:backdrop .property-name-label:disabled { color:@unfocused_insensitive_color; }
+
+                                         .property-value          { margin-left  : 1.0rem;
+                                                                    margin-right : 1.0rem;
+                                                                    transition:margin-top    0.3s,   /* both 
*/
+                                                                               margin-bottom 0.3s,   /* 
small-keys-list-rows */
+                                                                               margin-left   0.5s,   /* 
extra-thin-window */
+                                                                               margin-right  0.5s;   /* 
extra-thin-window */
+
+                                                                    margin-top   : 0.6rem;
+                                                                    margin-bottom: 0.6rem; }
+
+.extra-thin-window                       .property-value          { margin-top   : 2.2rem; }
+.extra-thin-window .small-keys-list-rows .property-value          { margin-top   : 1.9rem; }
+
+                                         .property-value:dir(ltr) { margin-left  :15.0rem; }
+                                         .property-value:dir(rtl) { margin-right :15.0rem; }
+.extra-thin-window                       .property-value:dir(ltr) { margin-left  : 1.0rem; }
+.extra-thin-window                       .property-value:dir(rtl) { margin-right : 1.0rem; }
+
+                   .properties-list    .property-warning          { padding-top:0.6rem;
+                                                                    transition:margin-left  0.3s, /* for ltr 
*/
+                                                                               margin-right 0.3s; /* for rtl 
*/ }
+                   .properties-list    .property-warning:dir(ltr) { margin-left :-7.5rem; }
+                   .properties-list    .property-warning:dir(rtl) { margin-right:-7.5rem; }
+.extra-thin-window .properties-list    .property-warning:dir(ltr) { margin-left : 0; }
+.extra-thin-window .properties-list    .property-warning:dir(ltr) { margin-right: 0; }
 
 .key-editor-child-array {
   min-height:10em;
@@ -336,35 +336,35 @@ window:not(.extra-small-window) .small-keys-list-rows .property-value {
 * * search entry
 \*/
 
-.extra-small-window .search-entry          > image {
+.extra-thin-window .search-entry          > image {
   padding-left :0;
   padding-right:0;
   min-width:0;
 }
 
 /* hide search image */
-.extra-small-window .search-entry:dir(rtl) > image.right,
-.extra-small-window .search-entry:dir(ltr) > image.left {
+.extra-thin-window .search-entry:dir(rtl) > image.right,
+.extra-thin-window .search-entry:dir(ltr) > image.left {
   margin-left :0;
   margin-right:0;
 }
 
 /* clear-text button: give more place for text */
-.extra-small-window .search-entry:dir(ltr) > image.right{
+.extra-thin-window .search-entry:dir(ltr) > image.right{
   margin-right:0;
   margin-left :4px;     /* instead of 6px */
 }
-.extra-small-window .search-entry:dir(rtl) > image.left {
+.extra-thin-window .search-entry:dir(rtl) > image.left {
   margin-left :0;
   margin-right:4px;     /* instead of 6px */
 }
 
 /* allows 3px less */
-.extra-small-window .search-entry:dir(ltr) {
+.extra-thin-window .search-entry:dir(ltr) {
   padding-left :6px;    /* instead of 8px */
   padding-right:7px;    /* instead of 8px */
 }
-.extra-small-window .search-entry:dir(rtl) {
+.extra-thin-window .search-entry:dir(rtl) {
   padding-right:6px;    /* instead of 8px */
   padding-left :7px;    /* instead of 8px */
 }
diff --git a/editor/large-pathbar.css b/editor/large-pathbar.css
index 1a41656..34ac31d 100644
--- a/editor/large-pathbar.css
+++ b/editor/large-pathbar.css
@@ -94,11 +94,11 @@ button.invisible.invisible-menu-button:dir(ltr) { padding-left :1.4rem; backgrou
 button.invisible.invisible-menu-button:dir(rtl) { padding-right:1.4rem; background-position:100% center; }
 
 /* items hacks */
-.small-window.startup .pathbar  > button                        > label.item { /* class remove after 0.3s */
+.thin-window.startup .pathbar  > button                         > label.item { /* class remove after 0.3s */
   transition:padding             0s;
 }
 
-.small-window .pathbar          > button                        > label.item {
+.thin-window .pathbar          > button                         > label.item {
   padding:2px 1px;
 }
 


[Date Prev][Date Next]   [Thread Prev][Thread Next]   [Thread Index] [Date Index] [Author Index]