Changeset 2a71053 in OpenWorkouts-current for ow/static/css/main.css

Timestamp:

Feb 8, 2019, 5:20:08 PM (5 years ago)

Author:

Segundo Fdez <segun.2@…>

Branches:

current, feature/docs, master

Children:

6edc367

Parents:

feab169

Message:

update favicon and responsive navigation

File:

• ow/static/css/main.css (modified) (3 diffs)

ow/static/css/main.css

@@ -664 +664 @@
   color: #EE4056;
 }
+@media (max-width: 800px) {
+  .logo a {
+    content: "";
+    display: inline-block;
+    width: 34px;
+    height: 34px;
+    background-image: url('/static/media/img/logo-openworkouts.png');
+    background-size: 100%;
+    background-repeat: no-repeat;
+  }
+  .logo a span {
+    display: none !important;
+  }
+}
 .logo-open {
   display: block;
@@ -684 +698 @@
   flex-direction: row;
   justify-content: space-between;
+  align-items: center;
 }
 .nav-site li {
@@ -700 +715 @@
 .nav-site .is-active a {
   color: #151515;
+}
+.icon-dashboard::before,
+.icon-profile::before,
+.icon-logout::before {
+  content: "";
+  display: inline-block;
+}
+.icon-dashboard span,
+.icon-profile span,
+.icon-logout span {
+  display: none;
+}
+@media (min-width: 800px) {
+  .icon-dashboard::before,
+  .icon-profile::before,
+  .icon-logout::before {
+    display: none;
+  }
+  .icon-dashboard span,
+  .icon-profile span,
+  .icon-logout span {
+    display: inline-block;
+  }
+}
+.icon-dashboard:hover,
+.icon-profile:hover,
+.icon-logout:hover {
+  opacity: 0.5;
+}
+.icon-dashboard::before {
+  content: "☰";
+  font-size: 30px;
+  font-size: 1.875rem;
+  line-height: 0em;
+  position: relative;
+  top: 3px;
+  margin: 0;
+}
+.icon-profile {
+  padding: 1em 1.25em !important;
+}
+.icon-profile::before {
+  position: relative;
+  top: 3px;
+  width: 20px;
+  height: 20px;
+  background-image: url('/static/media/img/icon-user.svg');
+  background-size: 100%;
+  margin: 0;
+}
+.icon-logout {
+  padding: 1em 1.25em !important;
+}
+.icon-logout::before {
+  position: relative;
+  top: 3px;
+  width: 20px;
+  height: 20px;
+  background-image: url('/static/media/img/icon-logout.svg');
+  background-size: 100%;
+  margin: 0;
 }
 /* Add workout button with submenu -------------------------------------------*/