Index: ow/static/css/main.css
===================================================================
--- ow/static/css/main.css (revision feab169c684ace3919d5e880226aa4b315fd82f7)
+++ ow/static/css/main.css (revision 2a71053706872811a3a2f76bf08ae2dd5d7b4a7e)
@@ -664,4 +664,18 @@
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,4 +698,5 @@
flex-direction: row;
justify-content: space-between;
+ align-items: center;
}
.nav-site li {
@@ -700,4 +715,65 @@
.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 -------------------------------------------*/
Index: ow/static/less/modules/header.less
===================================================================
--- ow/static/less/modules/header.less (revision feab169c684ace3919d5e880226aa4b315fd82f7)
+++ ow/static/less/modules/header.less (revision 2a71053706872811a3a2f76bf08ae2dd5d7b4a7e)
@@ -26,4 +26,18 @@
}
}
+ a {
+ @media (max-width: @screen-m){
+ content: "";
+ display: inline-block;
+ width: 34px;
+ height: 34px;
+ background-image: url('/static/media/img/logo-openworkouts.png');
+ background-size: 100%;
+ background-repeat: no-repeat;
+ span {
+ display: none !important;
+ }
+ }
+ }
}
.logo-open {
@@ -47,4 +61,5 @@
flex-direction: row;
justify-content: space-between;
+ align-items: center;
}
li{
@@ -67,4 +82,67 @@
}
}
+
+.icon-dashboard,
+.icon-profile,
+.icon-logout {
+ &::before {
+ content: "";
+ display: inline-block;
+ }
+ span {
+ display: none;
+ }
+ @media (min-width: @screen-m){
+ &::before {
+ display: none;
+ }
+ span{
+ display: inline-block;
+ }
+ }
+ &:hover {
+ opacity: .5;
+ }
+}
+
+.icon-dashboard {
+ &::before {
+ content: "☰";
+ .font-size(30);
+ line-height: 0em;
+ position: relative;
+ top: 3px;
+ margin: 0;
+ }
+}
+
+.icon-profile {
+ padding: 1em 1.25em !important;
+ &::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;
+ &::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 -------------------------------------------*/
Index: ow/static/media/img/icon-logout.svg
===================================================================
--- ow/static/media/img/icon-logout.svg (revision 2a71053706872811a3a2f76bf08ae2dd5d7b4a7e)
+++ ow/static/media/img/icon-logout.svg (revision 2a71053706872811a3a2f76bf08ae2dd5d7b4a7e)
@@ -0,0 +1,14 @@
+
+
+
+
Index: ow/static/media/img/icon-user.svg
===================================================================
--- ow/static/media/img/icon-user.svg (revision 2a71053706872811a3a2f76bf08ae2dd5d7b4a7e)
+++ ow/static/media/img/icon-user.svg (revision 2a71053706872811a3a2f76bf08ae2dd5d7b4a7e)
@@ -0,0 +1,16 @@
+
+
+
+
Index: ow/static/safari-pinned-tab.svg
===================================================================
--- ow/static/safari-pinned-tab.svg (revision feab169c684ace3919d5e880226aa4b315fd82f7)
+++ ow/static/safari-pinned-tab.svg (revision 2a71053706872811a3a2f76bf08ae2dd5d7b4a7e)
@@ -10,20 +10,14 @@