diff --git a/style/pi-hole.css b/style/pi-hole.css index 25ce570f3..c9acd8e99 100644 --- a/style/pi-hole.css +++ b/style/pi-hole.css @@ -475,12 +475,6 @@ td.details-control { right: 12px; } -.icon-bounce { - display: inline-block; - position: relative; - animation: icon-bounce 1.5s 2 linear; -} - /* Fix some datatables layout on small screens */ @media screen and (max-width: 660px), screen and (min-width: 767px) and (max-width: 960px) { #domainsTable_wrapper .table-responsive { @@ -560,23 +554,34 @@ td.details-control { } } +.icon-bounce { + display: inline-block; + position: relative; + animation: icon-bounce 2.4s 3 ease-in-out; + font-size: 1.6em; +} + @keyframes icon-bounce { 0%, - 20%, + 15%, 50%, - 70%, - 90%, 100% { transform: translateY(0); } - 40% { - transform: translateY(-15px); + 25% { + transform: translateY(-5px); } - 60% { - transform: translateY(-8px); + 30% { + transform: translateY(4px); + } + 35% { + transform: translateY(-3px); + } + 40% { + transform: translateY(2px); } - 80% { - transform: translateY(-4px); + 45% { + transform: translateY(-1px); } } diff --git a/style/themes/default-dark.css b/style/themes/default-dark.css index 5e20e1d19..f84782b29 100644 --- a/style/themes/default-dark.css +++ b/style/themes/default-dark.css @@ -211,6 +211,7 @@ h4 { .main-header .navbar .nav > li > a, .main-header .navbar .nav > li > .navbar-text { color: #bec5cb; + max-height: 50px; } .main-header .navbar .nav > li > a:hover, .main-header .navbar .nav > li > a:active, diff --git a/style/themes/default-darker.css b/style/themes/default-darker.css index 391ba0645..72203fd36 100644 --- a/style/themes/default-darker.css +++ b/style/themes/default-darker.css @@ -5456,6 +5456,7 @@ link-muted { .main-header .navbar .nav > li > a, .main-header .navbar .nav > li > .navbar-text { color: rgb(232, 230, 227); + max-height: 50px; } .main-header .navbar .nav > li > a:hover, .main-header .navbar .nav > li > a:active, diff --git a/style/themes/default-light.css b/style/themes/default-light.css index 051c6b42f..72b378365 100644 --- a/style/themes/default-light.css +++ b/style/themes/default-light.css @@ -11,6 +11,7 @@ .main-header .navbar .nav > li > a, .main-header .navbar .nav > li > .navbar-text { color: #fff; + max-height: 50px; } .main-header .navbar .nav > li > a:hover, .main-header .navbar .nav > li > a:active,