diff options
| author |   Alex Legler <alex@a3li.li> | 2015-09-01 01:04:25 +0200 |
|---|---|---|
| committer | Alex Legler <alex@a3li.li> | 2015-09-01 01:04:25 +0200 |
| commit | 9934c3865b061ebe1861092cf9ac869141cc6ce3 (patch) | |
| tree | c781396eea33dd09038558423ebd4c9da848682b /sources/css | |
| parent | Fix logo SVG alignment and thus the site label display next to it (diff) | |
| download | tyrian-theme-9934c3865b061ebe1861092cf9ac869141cc6ce3.tar.gz tyrian-theme-9934c3865b061ebe1861092cf9ac869141cc6ce3.tar.bz2 tyrian-theme-9934c3865b061ebe1861092cf9ac869141cc6ce3.zip | |
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
Diffstat (limited to 'sources/css')
| -rw-r--r-- | sources/css/tyrian/less/header.less | 7 | ||||
| -rw-r--r-- | sources/css/tyrian/less/misc.less | 8 | ||||
| -rw-r--r-- | sources/css/tyrian/less/navbar.less | 4 | ||||
| -rw-r--r-- | sources/css/tyrian/less/tyrian.less | 1 |
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'; |