From 12f5cfe668ba4397d7b14e6fe57e70639b156e89 Mon Sep 17 00:00:00 2001 From: Felix Hamann Date: Sun, 18 Mar 2018 16:03:32 +0100 Subject: [PATCH] fix for glyphicons --- static/css/icons.css | 7 ++++--- templates/widgets/asidenav.lucius | 6 ------ templates/widgets/navbar.lucius | 4 ---- 3 files changed, 4 insertions(+), 13 deletions(-) diff --git a/static/css/icons.css b/static/css/icons.css index 44c464f8f..b836de6e3 100644 --- a/static/css/icons.css +++ b/static/css/icons.css @@ -1,13 +1,14 @@ .glyphicon { + position: relative; display: inline-block; width: 40px; height: 40px; - line-height: 40px; } .glyphicon::before { position: absolute; - left: 4px; - margin: 0 13px; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); font-family: 'Glyphicons Halflings'; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; diff --git a/templates/widgets/asidenav.lucius b/templates/widgets/asidenav.lucius index ef1292770..4c5df64bf 100644 --- a/templates/widgets/asidenav.lucius +++ b/templates/widgets/asidenav.lucius @@ -58,12 +58,6 @@ background-color: white; color: var(--darkbase); - .glyphicon { - position: absolute; - z-index: 1; - top: 5px; - } - &:not(.asidenav__list-item--active):hover { color: white; background-color: var(--darkbase); diff --git a/templates/widgets/navbar.lucius b/templates/widgets/navbar.lucius index 32fb3f100..ec6feadf5 100644 --- a/templates/widgets/navbar.lucius +++ b/templates/widgets/navbar.lucius @@ -25,14 +25,10 @@ position: relative; width: 100%; height: 20px; - line-height: 20px; } .glyphicon::before { height: 20px; - margin: 0; - left: 50%; - transform: translateX(-50%); } }