revert ugly-layouts from hls-video-downloads
This reverts commits97def1bab1
feda45f803
This commit is contained in:
parent
59b702aa15
commit
8b3783096b
@ -1325,83 +1325,6 @@ summary.comment_data {
|
||||
|
||||
/* Layouts */
|
||||
|
||||
.old .post {
|
||||
border-radius: 5px;
|
||||
background: var(--post);
|
||||
box-shadow: var(--shadow);
|
||||
display: grid;
|
||||
transition: 0.2s background;
|
||||
grid-template: "post_score post_thumbnail post_header" auto
|
||||
"post_score post_thumbnail post_title" 1fr
|
||||
"post_score post_thumbnail post_media" auto
|
||||
"post_score post_thumbnail post_body" auto
|
||||
"post_score post_thumbnail post_poll" auto
|
||||
"post_score post_thumbnail post_notification" auto
|
||||
"post_score post_thumbnail post_footer" auto
|
||||
/ 4.5em minmax(0, 140px) fit-content(min(90%, 90%))
|
||||
}
|
||||
|
||||
/* .old .post_thumbnail {
|
||||
margin-left: 20px;
|
||||
} */
|
||||
|
||||
.old .post_score {
|
||||
background-color: #ff93da08;
|
||||
border-radius: 8px;
|
||||
align-self: center;
|
||||
width: 53px;
|
||||
padding-left: 5px; /* REMINDER:pls compact testing only */
|
||||
border-top-width: 0px;
|
||||
border-top-style: solid;
|
||||
padding-top: 5px;
|
||||
padding-bottom: 5px;
|
||||
padding-right: 5px;
|
||||
margin-left: 5px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.old .post_media_content {
|
||||
max-width: calc(65% - 40px);
|
||||
}
|
||||
|
||||
.old .highlighted > .post_score {
|
||||
background-color: unset;
|
||||
align-self: unset;
|
||||
margin-top: 20px;
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
.old .post_score .label {
|
||||
display: block;
|
||||
text-align: center;
|
||||
text-anchor: middle;
|
||||
color: gray;
|
||||
}
|
||||
|
||||
.old .post_preview {
|
||||
max-height: 72px;
|
||||
}
|
||||
|
||||
.old #column_one {
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.old #commentQueryForms {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
justify-self: start;
|
||||
}
|
||||
|
||||
.old .commentQuery {
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
|
||||
.old main {
|
||||
max-width: 100% !important;
|
||||
}
|
||||
|
||||
.compact .post:not(.highlighted) {
|
||||
border-radius: 0;
|
||||
margin: 0;
|
||||
|
@ -28,7 +28,7 @@
|
||||
</head>
|
||||
<body class="
|
||||
{% if prefs.layout != "" %}{{ prefs.layout }}{% endif %}
|
||||
{% if prefs.wide == "on" && prefs.layout != "old" %} wide{% endif %}
|
||||
{% if prefs.wide == "on" %} wide{% endif %}
|
||||
{% if prefs.theme != "system" %} {{ prefs.theme }}{% endif %}
|
||||
{% if prefs.fixed_navbar == "on" %} fixed_navbar{% endif %}">
|
||||
<!-- NAVIGATION BAR -->
|
||||
|
@ -31,14 +31,13 @@
|
||||
<div class="prefs-group">
|
||||
<label for="layout">Layout:</label>
|
||||
<select name="layout" id="layout">
|
||||
{% call utils::options(prefs.layout, ["card", "clean", "compact","old"], "card") %}
|
||||
{% call utils::options(prefs.layout, ["card", "clean", "compact"], "card") %}
|
||||
</select>
|
||||
</div>
|
||||
<div class="prefs-group">
|
||||
<label for="wide">Wide UI:</label>
|
||||
<input type="hidden" value="off" name="wide">
|
||||
<input type="checkbox" name="wide" id="wide" {% if prefs.layout == "old" %}disabled{% endif %} {% if prefs.wide == "on" || prefs.layout == "old" %}checked{% endif %}>
|
||||
{% if prefs.layout == "old" %}<span>ⓘ Wide UI is always enabled with this layout</span>{% endif %}
|
||||
<input type="checkbox" name="wide" id="wide" {% if prefs.wide == "on" %}checked{% endif %}>
|
||||
</div>
|
||||
</fieldset>
|
||||
<fieldset>
|
||||
|
Loading…
Reference in New Issue
Block a user