themes: Square corners on fullscreen win headerbar
authorDaniel Boles <dboles@src.gnome.org>
Wed, 31 May 2017 07:16:46 +0000 (08:16 +0100)
committerDaniel Boles <dboles.src@gmail.com>
Wed, 31 May 2017 07:16:46 +0000 (08:16 +0100)
Totem uses a fullscreen window with a headerbar at the top, and without
this change, that headerbar has rounded corners, which look different
from a maximised window and let video content show through beneath.

https://bugzilla.gnome.org/show_bug.cgi?id=770513

gtk/theme/Adwaita/_common.scss
gtk/theme/Adwaita/gtk-contained-dark.css
gtk/theme/Adwaita/gtk-contained.css
gtk/theme/HighContrast/_common.scss
gtk/theme/HighContrast/gtk-contained-inverse.css
gtk/theme/HighContrast/gtk-contained.css

index 002e99e05f1533f56787dc352d6eed0af54b9683..9ed74dd6d9823f1f0c3393b16efc24576877af63 100644 (file)
@@ -1587,8 +1587,14 @@ headerbar {
     }
   }
 
+  // squared corners when the window is maximized, tiled, or fullscreen
   .tiled &,
-  .maximized & { &:backdrop, & { border-radius: 0; }} // squared corners when the window is maximized or tiled
+  .maximized &,
+  .fullscreen & {
+    &:backdrop, & {
+      border-radius: 0;
+    }
+  }
 
   &.default-decoration {
     min-height: 28px;
index 27476d897913ab0d079a0dd7712a36bbb46b6db3..d5706642443b7692116adad7e1a9d4da5a699366 100644 (file)
@@ -648,7 +648,7 @@ searchbar, .location-bar { border-width: 0 0 1px; padding: 3px; }
 
 .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu .arrow, headerbar.selection-mode .selection-menu:backdrop .arrow, headerbar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); color: rgba(255, 255, 255, 0.5); -gtk-icon-shadow: none; }
 
-.tiled .titlebar:backdrop:not(headerbar), .tiled .titlebar:not(headerbar), .maximized .titlebar:backdrop:not(headerbar), .maximized .titlebar:not(headerbar), .tiled headerbar:backdrop, .tiled headerbar, .maximized headerbar:backdrop, .maximized headerbar { border-radius: 0; }
+.tiled .titlebar:backdrop:not(headerbar), .tiled .titlebar:not(headerbar), .maximized .titlebar:backdrop:not(headerbar), .maximized .titlebar:not(headerbar), .fullscreen .titlebar:backdrop:not(headerbar), .fullscreen .titlebar:not(headerbar), .tiled headerbar:backdrop, .tiled headerbar, .maximized headerbar:backdrop, .maximized headerbar, .fullscreen headerbar:backdrop, .fullscreen headerbar { border-radius: 0; }
 
 .default-decoration.titlebar:not(headerbar), headerbar.default-decoration { min-height: 28px; padding: 4px; }
 
index 5b2b2ee7f016b13b14d61bd34b8e02f8fec3ee2e..a70f216977fe346836fc8b7aa83cd1854c003a27 100644 (file)
@@ -656,7 +656,7 @@ searchbar, .location-bar { border-width: 0 0 1px; padding: 3px; }
 
 .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu .arrow, headerbar.selection-mode .selection-menu:backdrop .arrow, headerbar.selection-mode .selection-menu .arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); color: rgba(255, 255, 255, 0.5); -gtk-icon-shadow: none; }
 
-.tiled .titlebar:backdrop:not(headerbar), .tiled .titlebar:not(headerbar), .maximized .titlebar:backdrop:not(headerbar), .maximized .titlebar:not(headerbar), .tiled headerbar:backdrop, .tiled headerbar, .maximized headerbar:backdrop, .maximized headerbar { border-radius: 0; }
+.tiled .titlebar:backdrop:not(headerbar), .tiled .titlebar:not(headerbar), .maximized .titlebar:backdrop:not(headerbar), .maximized .titlebar:not(headerbar), .fullscreen .titlebar:backdrop:not(headerbar), .fullscreen .titlebar:not(headerbar), .tiled headerbar:backdrop, .tiled headerbar, .maximized headerbar:backdrop, .maximized headerbar, .fullscreen headerbar:backdrop, .fullscreen headerbar { border-radius: 0; }
 
 .default-decoration.titlebar:not(headerbar), headerbar.default-decoration { min-height: 28px; padding: 4px; }
 
index 56cc79f7172b156e83e00a838aa009945ecce312..715ac769ca34e2c44cf4564061c2b41dbe9026c7 100644 (file)
@@ -1263,8 +1263,12 @@ headerbar {
       box-shadow: none;
     }
   }
-  .tiled &, .maximized & {
-    border-radius: 0; // squared corners when the window is max'd or tiled
+
+  // squared corners when the window is maximized, tiled, or fullscreen
+  .tiled &,
+  .maximized &,
+  .fullscreen & {
+    border-radius: 0;
   }
 }
 
index 7d85af9b45468473176e2ae4954249e1a6eeafb7..23cdb76c4d4ea5588abf4ec47902d2ae546dc5ff 100644 (file)
@@ -1408,8 +1408,9 @@ headerbar {
       border-width: 0;
       background-image: none;
       box-shadow: none; }
-  .tiled .titlebar, .maximized .titlebar, .tiled
+  .tiled .titlebar, .maximized .titlebar, .fullscreen .titlebar, .tiled
   headerbar, .maximized
+  headerbar, .fullscreen
   headerbar {
     border-radius: 0; }
 
index 108ba28cadf2fa60bcc95f8229ba794e92514713..6122bb60f83daa009580cfe2d37744a4280b63d2 100644 (file)
@@ -1412,8 +1412,9 @@ headerbar {
       border-width: 0;
       background-image: none;
       box-shadow: none; }
-  .tiled .titlebar, .maximized .titlebar, .tiled
+  .tiled .titlebar, .maximized .titlebar, .fullscreen .titlebar, .tiled
   headerbar, .maximized
+  headerbar, .fullscreen
   headerbar {
     border-radius: 0; }