From 9934c3865b061ebe1861092cf9ac869141cc6ce3 Mon Sep 17 00:00:00 2001 From: Alex Legler Date: Tue, 1 Sep 2015 01:04:25 +0200 Subject: 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 --- sources/css/tyrian/less/header.less | 7 ++++++- sources/css/tyrian/less/misc.less | 8 ++++++++ sources/css/tyrian/less/navbar.less | 4 ++++ sources/css/tyrian/less/tyrian.less | 1 + 4 files changed, 19 insertions(+), 1 deletion(-) create mode 100644 sources/css/tyrian/less/misc.less 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'; -- cgit v1.2.3-65-gdbad