- a {
- display: flex;
- color: $menu-color;
- cursor: pointer;
- height: 22px;
- line-height: 22px;
- font-size: 16px;
- margin-bottom: 15px;
- @include disable-default-a-behaviour;
-
- .icon {
- width: 22px;
- height: 22px;
- display: inline-block;
- margin-right: 18px;
- background-size: contain;
-
- &.icon-videos-trending {
- position: relative;
- top: -2px;
- background-image: url('../../assets/menu/trending.svg');
- }
-
- &.icon-videos-recently-added {
- width: 23px;
- height: 23px;
- position: relative;
- top: -1px;
- background-image: url('../../assets/menu/recently-added.svg');
- }
-
- &.icon-administration {
- width: 23px;
- height: 23px;
-
- background-image: url('../../assets/menu/administration.svg');
- }
- }
+.footer-bottom {
+ display: flex;
+ flex-direction: column;
+ padding: 0 $menu-lateral-padding;
+}
+
+.footer-links {
+ &,
+ > div {
+ display: flex;
+ flex-wrap: wrap;
+ }
+
+ a,
+ span[role=button] {
+ @include margin-right(8px);
+
+ display: inline-block;
+ text-decoration: none;
+ color: pvar(--menuForegroundColor);
+ opacity: $footer-links-base-opacity;
+ white-space: nowrap;
+ font-size: 90%;
+ font-weight: 500;
+ line-height: 1.4rem;
+ }
+}
+
+.footer-copyleft small a {
+ @include disable-default-a-behaviour;
+
+ color: pvar(--menuForegroundColor);
+ opacity: $footer-links-base-opacity - .2;
+}
+
+.dropdown {
+ z-index: #{z('menu') + 1} !important;
+}
+
+.dropdown-menu {
+ width: calc(100% + 40px);
+}
+
+.dropdown-item {
+ @include dropdown-with-icon-item;
+
+ cursor: pointer;
+ display: flex;
+ align-items: center;
+
+ i.glyphicon-menu-right {
+ opacity: .4;
+ }
+
+ &:hover {
+ .hover-display-toggle {
+ display: none;
+ }
+
+ .hover-display-toggle[hidden] {
+ display: inherit !important;
+ }
+ }
+}
+
+.more-settings {
+ text-transform: uppercase;
+ font-size: 80%;
+ color: #6c757d;
+}
+
+@media screen and (max-width: $mobile-view) {
+ .menu-wrapper {
+ width: 100% !important;
+
+ menu {
+ overflow-y: auto;
+ }
+ }
+
+ .top-menu,
+ .footer {
+ width: 100% !important;
+ }
+
+ .dropdown-menu {
+ width: calc(100vw - 30px);
+ }
+
+ .dropdown-item:hover,
+ .dropdown-item:active {
+ &.settings-sensitive my-global-icon ::ng-deep svg {
+ margin-top: 0 !important;