- .top-left-block {
- z-index: 100;
- background-color: #fff;
- border-right: 1px solid $header-border-color;
- height: $header-height;
- line-height: $header-height;
- margin-top: 0;
- margin-bottom: 0;
- display: flex;
- position: fixed;
- padding: 0;
-
- &.border-bottom {
- border-bottom: 1px solid $header-border-color;
- }
-
- .hamburger-block {
- margin-right: 15px;
- margin-left: 15px;
-
- .glyphicon {
- cursor: pointer;
- position: relative;
- top: 4px;
- }
- }
-
- #peertube-title {
-
- a {
- color: inherit !important;
- display: block;
- background: url(/client/assets/logo.png) no-repeat;
- background-size: contain;
- background-position: center;
- height: 100%;
- margin: auto;
- width: 135px;
-
- &:hover {
- color: inherit !important;
- text-decoration: none !important;
- }
- }
- }
-
- @media screen and (max-width: 500px) {
- #peertube-title {
- display: none;
- }
-
- .hamburger-block {
- width: 100%;
- text-align: center;
- }
- }
-
- @media screen and (min-width: 500px) and (max-width: 600px) {
- #peertube-title a {
- width: 80px;
- }
- }
+ .icon-menu {
+ mask-image: url('../assets/images/misc/menu.svg');
+ -webkit-mask-image: url('../assets/images/misc/menu.svg');