rDrama
/
rDrama
9
10
Fork 7
Code Issues Pull Requests Packages Releases Wiki Activity

stop using "d-none d-md-block"

remotes/1693176582716663532/tmp_refs/heads/watchparty
Aevann1 2022-10-23 19:57:38 +02:00
parent 0a9e7b3ef4
commit b563b7af30
20 changed files with 38 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
files/assets/css/main.css
View File

@ -6318,3 +6318,9 @@ div.markdown {
.popover-bio-div::-webkit-scrollbar {
background: transparent;
}
@media (max-width: 768px) {
.d-mob-none {
display: none !important;
}
}

2
files/templates/authforms.html
View File

@ -53,7 +53,7 @@
</div>
<div class="col-12 col-md-6 d-none d-md-block">
<div class="col-12 col-md-6 d-mob-none">
<div class="splash-wrapper">

14
files/templates/comments.html
View File

@ -27,7 +27,7 @@
{% if c.is_blocking and not c.ghost or (c.is_banned or c.deleted_utc) and not (v and v.admin_level >= PERMS['POST_COMMENT_MODERATION']) and not (v and v.id==c.author_id) %}
<div id="comment-{{c.id}}" class="comment">
<span class="comment-collapse-desktop d-none d-md-block" style="border-left: 2px solid #{{c.author.name_color}}"onclick="collapse_comment('{{c.id}}', this.parentElement)"></span>
<span class="comment-collapse-desktop d-mob-none" style="border-left: 2px solid #{{c.author.name_color}}"onclick="collapse_comment('{{c.id}}', this.parentElement)"></span>
<div class="comment-body">
@ -48,7 +48,7 @@
{{single_comment(reply, level=level+1)}}
{% endfor %}
{% elif replies %}
<button id="btn-{{c.id}}" class="d-none d-md-block btn btn-primary mt-3" onclick="morecomments('{{c.id}}')">More comments</button>
<button id="btn-{{c.id}}" class="d-mob-none btn btn-primary mt-3" onclick="morecomments('{{c.id}}')">More comments</button>
<a class="d-md-none" href="{{c.morecomments}}">More comments <i class="fas fa-long-arrow-right ml-1"></i></a>
{% endif %}
</div>
@ -111,7 +111,7 @@
<div id="comment-{{c.id}}" class="anchor comment {% if standalone and level==1 %} mt-0{% endif %} {% if collapse or c.collapse_for_user(v,request.full_path) %}collapsed{% endif %}" style="{% if isreply %}padding-left:0!important;{% else %}border-left: 2px solid {% if c.ghost %}var(--primary){% else %}#{{c.author.name_color}};{% endif %}{% endif %}">
{% if not isreply %}
<span class="comment-collapse-desktop d-none d-md-block" style="border-left: 2px solid {% if c.ghost %}var(--primary){% else %}#{{c.author.name_color}}{% endif %}" onclick="collapse_comment('{{c.id}}', this.parentElement)"></span>
<span class="comment-collapse-desktop d-mob-none" style="border-left: 2px solid {% if c.ghost %}var(--primary){% else %}#{{c.author.name_color}}{% endif %}" onclick="collapse_comment('{{c.id}}', this.parentElement)"></span>
{% endif %}
<div class="comment-body">
@ -485,7 +485,7 @@
{% endif %}
{% if v.admin_level >= PERMS['APPS_MODERATION'] and c.oauth_app %}
<a href="{{c.oauth_app.permalink}}/comments" class="dropdown-item list-inline-item d-none d-md-block text-primary"><i class="fas fa-code text-primary fa-fw"></i>API App</a>
<a href="{{c.oauth_app.permalink}}/comments" class="dropdown-item list-inline-item d-mob-none text-primary"><i class="fas fa-code text-primary fa-fw"></i>API App</a>
{% endif %}
</ul>
{% endif %}
@ -555,7 +555,7 @@
{{single_comment(reply, level=level+1)}}
{% endfor %}
{% elif replies %}
<button id="btn-{{c.id}}" class="d-none d-md-block btn btn-primary mt-3" onclick="morecomments('{{c.id}}')">More comments</button>
<button id="btn-{{c.id}}" class="d-mob-none btn btn-primary mt-3" onclick="morecomments('{{c.id}}')">More comments</button>
<a class="d-md-none" href="{{c.morecomments}}">More comments <i class="fas fa-long-arrow-right ml-1"></i></a>
{% endif %}
</div>
@ -764,12 +764,12 @@
<div class="modal-body text-center">
<div class="py-4">
<i class="fas fa-trash-alt text-muted d-none d-md-block" style="font-size: 3.5rem;"></i>
<i class="fas fa-trash-alt text-muted d-mob-none" style="font-size: 3.5rem;"></i>
</div>
<div class="h4 d-md-none">Delete comment?</div>
<p class="d-none d-md-block">Your comment will be deleted everywhere on {{SITE_NAME}}.</p>
<p class="d-mob-none">Your comment will be deleted everywhere on {{SITE_NAME}}.</p>
<p class="text-muted d-md-none">Your comment will be deleted everywhere on {{SITE_NAME}}.</p>

4
files/templates/delete_post_modal.html
View File

@ -10,12 +10,12 @@
<div class="modal-body text-center">
<div class="py-4">
<i class="fas fa-trash-alt text-muted d-none d-md-block" style="font-size: 3.5rem;"></i>
<i class="fas fa-trash-alt text-muted d-mob-none" style="font-size: 3.5rem;"></i>
</div>
<div class="h4 d-md-none">Delete post?</div>
<p class="d-none d-md-block">Your post will be deleted everywhere on {{SITE_NAME}}.</p>
<p class="d-mob-none">Your post will be deleted everywhere on {{SITE_NAME}}.</p>
<p class="text-muted d-md-none">Your post will be deleted everywhere on {{SITE_NAME}}.</p>

2
files/templates/errors/PCM/502.html
View File

@ -104,7 +104,7 @@
</a>
</div>
<div class="flex-grow-1 d-fl d-none d-md-block pad">
<div class="flex-grow-1 d-fl d-mob-none pad">
<form class="form-inline search flex-nowrap mx-0 mx-lg-auto" style="margin-right: 40rem !important;" action="/search/posts/" method="get">
<input autocomplete="off" class="form-control w-100" type="search" placeholder="Search" aria-label="Search" name="q" value="">
<span class="input-group-append">

2
files/templates/errors/WPD/502.html
View File

@ -104,7 +104,7 @@
</a>
</div>
<div class="flex-grow-1 d-fl d-none d-md-block pad">
<div class="flex-grow-1 d-fl d-mob-none pad">
<form class="form-inline search flex-nowrap mx-0 mx-lg-auto" style="margin-right: 40rem !important;" action="/search/posts/" method="get">
<input autocomplete="off" class="form-control w-100" type="search" placeholder="Search" aria-label="Search" name="q" value="">
<span class="input-group-append">

2
files/templates/errors/rDrama/502.html
View File

@ -104,7 +104,7 @@
</a>
</div>
<div class="flex-grow-1 d-fl d-none d-md-block pad">
<div class="flex-grow-1 d-fl d-mob-none pad">
<form class="form-inline search flex-nowrap mx-0 mx-lg-auto" style="margin-right: 40rem !important;" action="/search/posts/" method="get">
<input autocomplete="off" class="form-control w-100" type="search" placeholder="Search" aria-label="Search" name="q" value="">
<span class="input-group-append">

2
files/templates/header.html
View File

@ -89,7 +89,7 @@
{% endif %}
{% if not request.path.startswith('/search/') %}
<div class="flex-grow-1 d-fl d-none d-md-block {% if not v %}pad{% endif %}">
<div class="flex-grow-1 d-fl d-mob-none {% if not v %}pad{% endif %}">
<form class="form-inline search flex-nowrap mx-0 mx-lg-auto" {% if err %}style="margin-right:40rem!important"{% endif %} action="{% if request.path.startswith('/search') %}{{request.path}}{% else %}/search/posts/{% endif %}" method="get">
<input autocomplete="off" class="form-control w-100" type="search" placeholder="{{search_placeholder}}" aria-label="Search" name="q" value="{{request.values.get('q', '')}}">
<span class="input-group-append">

4
files/templates/home.html
View File

@ -67,9 +67,9 @@
{% block navbar %}
<div class="d-flex align-items-center">
{% if request.path=='/catalog' %}
<a data-bs-toggle="tooltip" data-bs-placement="bottom" title="Catalog View" class="btn btn-primary text-primary mx-2 d-none d-md-block" href="/?sort={{sort}}&t={{t}}&ccmode=false"><i class="fas fa-columns-3 mr-2 "></i>Catalog</a>
<a data-bs-toggle="tooltip" data-bs-placement="bottom" title="Catalog View" class="btn btn-primary text-primary mx-2 d-mob-none" href="/?sort={{sort}}&t={{t}}&ccmode=false"><i class="fas fa-columns-3 mr-2 "></i>Catalog</a>
{% else %}
<a data-bs-toggle="tooltip" data-bs-placement="bottom" title="Catalog View" class="btn btn-secondary mx-2 d-none d-md-block" href="/catalog?sort={{sort}}&t={{t}}&ccmode=false"><i class="fas fa-columns-3 mr-2 "></i>Catalog</a>
<a data-bs-toggle="tooltip" data-bs-placement="bottom" title="Catalog View" class="btn btn-secondary mx-2 d-mob-none" href="/catalog?sort={{sort}}&t={{t}}&ccmode=false"><i class="fas fa-columns-3 mr-2 "></i>Catalog</a>
{% endif %}
{% if pins %}

2
files/templates/login.html
View File

@ -66,7 +66,7 @@
</div>
</div>
<div class="col-12 col-md-6 d-none d-md-block">
<div class="col-12 col-md-6 d-mob-none">
<div class="splash-wrapper">
<div class="splash-overlay"></div>
<img alt="cover" loading="lazy" class="splash-img" src="{{'cover.webp' | asset_siteimg}}"></img>

2
files/templates/login_2fa.html
View File

@ -63,7 +63,7 @@
</div>
<div class="col-12 col-md-6 d-none d-md-block">
<div class="col-12 col-md-6 d-mob-none">
<div class="splash-wrapper">

2
files/templates/settings.html
View File

@ -41,7 +41,7 @@
<div class="mt-3">
<h1 class="d-none d-md-block">Settings</h1>
<h1 class="d-mob-none">Settings</h1>
<h2 class="h3 mt-5 d-md-none">Settings</h2>

4
files/templates/settings2.html
View File

@ -9,7 +9,7 @@
{% block subNav %}
{% if not request.path.startswith('/h/') %}
<div class="container-fluid bg-white sticky d-none d-md-block" style="padding-top: 50px; padding-bottom: 0 !important;">
<div class="container-fluid bg-white sticky d-mob-none" style="padding-top: 50px; padding-bottom: 0 !important;">
<div class="row box-shadow-bottom">
<div class="col">
<div class="container" style="padding-bottom: 0;">
@ -130,4 +130,4 @@
</body>
</html>
</html>

2
files/templates/sign_up.html
View File

@ -105,7 +105,7 @@
</div>
<div class="col-12 col-md-6 d-none d-md-block">
<div class="col-12 col-md-6 d-mob-none">
<div class="splash-wrapper">
<div class="splash-overlay"></div>
<img alt="cover" loading="lazy" class="splash-img" src="{{'cover.webp' | asset_siteimg}}"></img>

2
files/templates/sign_up_failed_ref.html
View File

@ -33,7 +33,7 @@
</div>
<div class="col-12 col-md-6 d-none d-md-block">
<div class="col-12 col-md-6 d-mob-none">
<div class="splash-wrapper">

2
files/templates/sub/create_hole.html
View File

@ -19,7 +19,7 @@
<div class="col col-md-6 p-3 py-md-0">
<h1 class="d-none d-md-block">Create a {{HOLE_NAME}}</h1>
<h1 class="d-mob-none">Create a {{HOLE_NAME}}</h1>
<h2 class="h3 d-md-none">Create a {{HOLE_NAME}}</h2>

6
files/templates/submission.html
View File

@ -613,7 +613,7 @@
{% if not p.is_image and p.thumb_url and not p.embed_url %}
<div class="card-header bg-transparent border-0 d-none d-md-flex flex-row flex-nowrap pl-3 p-0">
<a rel="nofollow noopener noreferrer" href="{{p.realurl(v)}}" style="height: fit-content"{% if not v or v.newtabexternal %}target="_blank"{% endif %}><img loading="lazy" src="{{p.thumb_url}}" class="post-img d-none d-md-block" alt="Unable to load image"></a>
<a rel="nofollow noopener noreferrer" href="{{p.realurl(v)}}" style="height: fit-content"{% if not v or v.newtabexternal %}target="_blank"{% endif %}><img loading="lazy" src="{{p.thumb_url}}" class="post-img d-mob-none" alt="Unable to load image"></a>
</div>
{% endif %}
@ -860,7 +860,7 @@
{% if v %}
<div id="voting" class="voting d-none d-md-block mb-auto">
<div id="voting" class="voting d-mob-none mb-auto">
<div tabindex="0" role="button" onclick="vote('post', '{{p.id}}', '1')" class="post-{{p.id}}-up mx-auto arrow-up upvote-button post-{{p.id}}-up {% if voted==1 %}active{% endif %}"></div>
<span class="post-score-{{p.id}} score post-score-{{p.id}} {% if voted==1 %}score-up{% elif voted==-1%}score-down{% endif %}{% if p.controversial %} controversial{% endif %}" data-bs-toggle="tooltip" data-bs-placement="right" title="+{{ups}} | -{{downs}}"style="cursor: default">{{score}}</span>
@ -869,7 +869,7 @@
{% else %}
<div id="voting" class="voting d-none d-md-block mb-auto">
<div id="voting" class="voting d-mob-none mb-auto">
<div tabindex="0" role="button" class="post-{{p.id}}-up arrow-up mx-auto" onclick="location.href='/login?redirect={{request.path | urlencode}}';">
</div>
<span class="post-{{p.id}}-score-none score text-muted{% if p.controversial %} controversial{% endif %}"{% if not p.is_banned %} data-bs-toggle="tooltip" data-bs-placement="right" title="+{{ups}} | -{{downs}}"{% endif %}style="cursor: default">{{score}}</span>

4
files/templates/submission_banned.html
View File

@ -27,7 +27,7 @@
<div class="card-block my-md-auto">
<div class="post-meta text-left d-md-none mb-1">{% if p.over_18 %}<span class="badge badge-danger">+18</span> {% endif %}{% if p.is_banned %}removed by @{{p.ban_reason}} (Admin){% else %}[Deleted by user]{% endif %}</div>
<h5 class="card-title post-title text-left mb-0 mb-md-1">{{p.plaintitle(v)}}</h5>
<div class="post-meta text-left d-none d-md-block">{% if p.over_18 %}<span class="badge badge-danger">+18</span> {% endif %}{% if p.is_banned %}removed by @{{p.ban_reason}} (Admin){% else %}[Deleted by user]{% endif %}</div>
<div class="post-meta text-left d-mob-none">{% if p.over_18 %}<span class="badge badge-danger">+18</span> {% endif %}{% if p.is_banned %}removed by @{{p.ban_reason}} (Admin){% else %}[Deleted by user]{% endif %}</div>
</div>
@ -55,7 +55,7 @@
<div class="row mb-2 p-3">
<div class="col-12">
<div class="post-actions d-none d-md-block">
<div class="post-actions d-mob-none">
<ul class="list-inline text-left mb-2">
<li class="list-inline-item"><a href="{{p.permalink}}"><i
class="fas fa-comment-dots"></i>{{p.comment_count}} Comment{{'s' if p.comment_count != 1 else ''}}</a>

2
files/templates/submission_listing.html
View File

@ -200,7 +200,7 @@
{{p.realtitle(v) | safe}}
</a></h5>
<div class="post-actions mt-2 d-none d-md-block">
<div class="post-actions mt-2 d-mob-none">
<ul class="list-inline text-right d-flex">
{% if p.realbody(v, True) %}
<a class="list-inline-item" role="button" onclick="expandText('{{p.id}}')"><i class="fas fa-expand-alt mr-0 text-expand-icon-{{p.id}}"></i></a>

4
files/templates/userpage.html
View File

@ -35,9 +35,9 @@
{% block desktopUserBanner %}
<div class="row d-none d-md-block">
<div class="row d-mob-none">
<div class="col px-0">
<div class="jumbotron jumbotron-fluid jumbotron-guild d-none d-md-block" {% if FEATURES['USERS_PROFILE_BANNER'] %}style="background-image: url({{u.banner_url}})"{% endif %}>
<div class="jumbotron jumbotron-fluid jumbotron-guild d-mob-none" {% if FEATURES['USERS_PROFILE_BANNER'] %}style="background-image: url({{u.banner_url}})"{% endif %}>
<div class="jumbotron-overlay"></div>
<div class="w-100 my-3">
<div class="container-fluid nobackground">