Various UI fixes for the header

 - Set fixed height to avoid flickering while the SVG loads
 - Disable selection in site-title and navbars
 - Set pointer cursor in site-title

4 files changed, 19 insertions, 1 deletions

diff --git a/sources/css/tyrian/less/header.less b/sources/css/tyrian/less/header.less
index cc6757a..b88d62f 100644
--- a/sources/css/tyrian/less/header.less
+++ b/sources/css/tyrian/less/header.less
@@ -1,12 +1,15 @@
 .site-title {
   #gradient > .vertical(@start-color: darken(@gentoo-purple-grey, 10%); @end-color: @gentoo-purple-grey; @end-percent: 20%);
   background-color: @gray-lighter;
+  .noselect;
+  height: 63px;
 }
 
 .site-label {
   .label;
   background-color: @gentoo-purple;
   color: white;
+  cursor: default;
 }
 
 .site-label-svg-fix {
@@ -40,11 +43,13 @@
 
 .logo {
   display: inline-block;
+  .noselect;
+  cursor: default;
 }
 
 .site-logo {
   display: inline-block;
-  min-height: 63px;
+  height: 63px;
 
   object {
     pointer-events: none;
diff --git a/sources/css/tyrian/less/misc.less b/sources/css/tyrian/less/misc.less
new file mode 100644
index 0000000..6ed0b70
--- /dev/null
+++ b/sources/css/tyrian/less/misc.less
@@ -0,0 +1,8 @@
+.noselect {
+    -webkit-touch-callout: none;
+    -webkit-user-select: none;
+    -khtml-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+}
\ No newline at end of file
diff --git a/sources/css/tyrian/less/navbar.less b/sources/css/tyrian/less/navbar.less
index 3e7f964..bcc0075 100644
--- a/sources/css/tyrian/less/navbar.less
+++ b/sources/css/tyrian/less/navbar.less
@@ -25,3 +25,7 @@
         }
     }
 }
+
+.tyrian-navbar {
+    .noselect;
+}
\ No newline at end of file
diff --git a/sources/css/tyrian/less/tyrian.less b/sources/css/tyrian/less/tyrian.less
index e88533e..c229032 100644
--- a/sources/css/tyrian/less/tyrian.less
+++ b/sources/css/tyrian/less/tyrian.less
@@ -4,6 +4,7 @@
 /* tyrian-start */
 
 @import 'bootstrap-overrides.less';
+@import 'misc.less';
 @import 'fonts.less';
 @import 'typography.less';
 @import 'navbar.less';