{% if current_tag %} {% set page_title = 'Subscriptions - ' + current_tag %} {% else %} {% set page_title = 'Subscriptions' %} {% endif %} {% extends "base.html" %} {% import "common_elements.html" as common_elements %} {% block style %} main{ display:flex; flex-direction: row; padding-right:0px; } .video-section{ flex-grow: 1; padding-left: 10px; padding-top: 10px; } .current-tag{ margin-bottom:10px; } .video-section .page-button-row{ justify-content: center; } .subscriptions-sidebar-fixed-container{ display: none; } .subscriptions-sidebar{ width: 310px; max-width: 100%; background-color: var(--interface-color); border-left: 1px solid; border-left-color: var(--interface-border-color); } .sidebar-links{ display:flex; justify-content: space-between; padding-left:10px; padding-right: 10px; margin-top: 10px; } .sidebar-list{ list-style: none; padding-left:10px; padding-right: 10px; } .sidebar-list-item{ display:flex; justify-content: space-between; margin-bottom: 5px; } .sub-refresh-list .sidebar-item-name{ text-overflow: clip; white-space: nowrap; overflow: hidden; max-width: 200px; } @media (max-width:750px){ main{ display: initial; position: relative; padding-bottom: 70px; } .subscriptions-sidebar{ position: absolute; right: 0px; top: 0px; } #subscriptions-sidebar-toggle-cbox:not(:checked) + .subscriptions-sidebar{ visibility: hidden; } .subscriptions-sidebar-fixed-container{ display: flex; align-items: center; position: fixed; bottom: 0px; right: 0px; background-color: var(--interface-color); height: 70px; width: 310px; max-width: 100%; border-width: 1px 0px 0px 1px; border-style: solid; border-color: var(--interface-border-color); } .subscriptions-sidebar-toggle-button{ display: block; visibility: visible; height: 60px; width: 60px; opacity: 0.75; margin-left: auto; } .subscriptions-sidebar-toggle-button .button{ width:100%; height:100%; white-space: pre-wrap; } } {% endblock style %} {% block main %}