From d928e38f0a6528e25b4ccdd0ad04435626396d4c Mon Sep 17 00:00:00 2001 From: Niklas Poslovski Date: Sun, 9 Jul 2017 17:14:12 +0200 Subject: [PATCH 1/3] Fixed for mobile When viewed with a small screen there were some important things in the menu bar hidden,for example the logout and profile links. That is fixed now. --- src/css/style.dashboard.css | 23 +++++++++++++---------- 1 file changed, 13 insertions(+), 10 deletions(-) diff --git a/src/css/style.dashboard.css b/src/css/style.dashboard.css index 767c296..1618e03 100644 --- a/src/css/style.dashboard.css +++ b/src/css/style.dashboard.css @@ -131,7 +131,6 @@ a.action-button.detail { a.action-button.detail:hover { background-color: #6e6e6e; } - @media only screen and (min-width: 768px) { .header { @@ -145,19 +144,21 @@ a.action-button.detail:hover { .content { padding: 15px 35px; } - -} - -@media only screen and (min-width: 1024px) { - .user.panel { display: block; } - - .logged.in ul li.user { + .logged.in ul li.user { display: none; } - +.gravatar { +display:none; +} +.header-menu .notifications { +display:none; +} +.header-menu li:last-child { +margin-right:0 !important; +} } @media only screen and (min-width: 1170px) { @@ -165,5 +166,7 @@ a.action-button.detail:hover { .logged.in ul li.user { display: block; } - +.header-menu .notifications { +display:block; +} } From 44f18c26151ab12f237aa112c0f6919049f3caee Mon Sep 17 00:00:00 2001 From: Niklas Poslovski Date: Sun, 9 Jul 2017 18:03:51 +0200 Subject: [PATCH 2/3] There was a bug in the fix - now it works perfectly --- src/css/style.dashboard.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/css/style.dashboard.css b/src/css/style.dashboard.css index 1618e03..9f28dc0 100644 --- a/src/css/style.dashboard.css +++ b/src/css/style.dashboard.css @@ -167,6 +167,6 @@ margin-right:0 !important; display: block; } .header-menu .notifications { -display:block; +display:inline; } } From f753d206d78c734d0616c3616e1d465f748f813d Mon Sep 17 00:00:00 2001 From: Niklas Poslovski Date: Mon, 10 Jul 2017 13:22:07 +0200 Subject: [PATCH 3/3] Mobile fix (CSS part) - now with CSS formatting Now with correct CSS formatting. The min-with for displaying notification count was also optimized. ---- When viewed with a small screen there were some important things in the menu bar hidden,for example the logout and profile links. That is fixed now. --- src/css/style.dashboard.css | 25 ++++++++++++++----------- 1 file changed, 14 insertions(+), 11 deletions(-) diff --git a/src/css/style.dashboard.css b/src/css/style.dashboard.css index 9f28dc0..4b61ca9 100644 --- a/src/css/style.dashboard.css +++ b/src/css/style.dashboard.css @@ -150,15 +150,21 @@ a.action-button.detail:hover { .logged.in ul li.user { display: none; } -.gravatar { -display:none; -} -.header-menu .notifications { -display:none; -} -.header-menu li:last-child { -margin-right:0 !important; + .gravatar { + display:none; + } + .header-menu .notifications { + display:none; + } + .header-menu li:last-child { + margin-right:0 !important; + } } + +@media only screen and (min-width: 800px) { + .header-menu .notifications { + display:inline; + } } @media only screen and (min-width: 1170px) { @@ -166,7 +172,4 @@ margin-right:0 !important; .logged.in ul li.user { display: block; } -.header-menu .notifications { -display:inline; -} }