lkva/NDOJ
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix mobile css

Browse source
This commit is contained in:
cuom1999 2023-02-14 18:05:58 -06:00
parent 426145db5e
commit f656ca69d9
4 changed files with 66 additions and 53 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
resources/base.scss
View file

@ -390,12 +390,6 @@ hr {
} }
} }
#content.wrapper {
background: white;
padding: 2em;
border-radius: 1em;
}
footer { footer {
text-align: center; text-align: center;
height: 40px; height: 40px;
@ -564,7 +558,6 @@ noscript #noscript {
margin: 0 auto; margin: 0 auto;
border-right: 1px solid $border_gray; border-right: 1px solid $border_gray;
border-left: 1px solid $border_gray; border-left: 1px solid $border_gray;
background: #f1f2f2;
} }
// border-bottom: 1px solid rgb(204, 204, 204) // border-bottom: 1px solid rgb(204, 204, 204)
@ -601,7 +594,7 @@ math {
} }
} }
@media (max-width: 760px) { @media (max-width: 799px) {
#navigation { #navigation {
height: 36px; height: 36px;
} }
@ -865,17 +858,22 @@ select {
} }
} }
@media (min-width: 800px) { @media(min-width: 800px) {
.anon { .anon {
padding-right: 1em; padding-right: 1em;
} }
.navbar-icons { .navbar-icons {
margin-top: 6px; margin-top: 6px;
} }
} #page-container {
background: #f1f2f2;
@media (min-width: 800px) { }
#event-tab { #event-tab {
display: none; display: none;
} }
} #content.wrapper {
background: white;
padding: 2em;
border-radius: 1em;
}
}

6
resources/comments.scss
View file

@ -277,4 +277,10 @@ a {
.bookmarked { .bookmarked {
color: rgb(180, 180, 7); color: rgb(180, 180, 7);
} }
}
@media (max-width: 799px) {
.hide_texts_on_mobile .actionbar-text {
display: none;
}
} }

21
resources/darkmode.css
View file

@ -1622,10 +1622,6 @@ hr {
#content .title { #content .title {
color: rgb(199, 194, 187); color: rgb(199, 194, 187);
} }
#content.wrapper {
background-image: initial;
background-color: rgb(24, 26, 27);
}
footer { footer {
border-top-color: rgb(62, 68, 70); border-top-color: rgb(62, 68, 70);
background-image: initial; background-image: initial;
@ -1690,8 +1686,6 @@ noscript #noscript {
#page-container { #page-container {
border-right-color: rgb(62, 68, 70); border-right-color: rgb(62, 68, 70);
border-left-color: rgb(62, 68, 70); border-left-color: rgb(62, 68, 70);
background-image: initial;
background-color: rgb(32, 34, 36);
} }
.MathJax:focus { .MathJax:focus {
outline-color: initial; outline-color: initial;
@ -1702,7 +1696,7 @@ noscript #noscript {
border-right-color: initial; border-right-color: initial;
} }
} }
@media (max-width: 760px) { @media (max-width: 799px) {
#navicon { #navicon {
color: rgb(129, 175, 255); color: rgb(129, 175, 255);
} }
@ -1799,6 +1793,16 @@ noscript #noscript {
.background-footer { .background-footer {
color: rgb(152, 143, 129); color: rgb(152, 143, 129);
} }
@media (min-width: 800px) {
#page-container {
background-image: initial;
background-color: rgb(32, 34, 36);
}
#content.wrapper {
background-image: initial;
background-color: rgb(24, 26, 27);
}
}
.table { .table {
background-image: initial; background-image: initial;
background-color: rgba(0, 0, 0, 0.01); background-color: rgba(0, 0, 0, 0.01);
@ -3813,9 +3817,6 @@ mjx-merror {
mjx-assistive-mml { mjx-assistive-mml {
border-color: initial !important; border-color: initial !important;
} }
.recently-attempted ul {
list-style-image: initial;
}
/* Override Style */ /* Override Style */
.vimvixen-hint { .vimvixen-hint {

68
templates/actionbar/list.html
View file

@ -1,9 +1,11 @@
{% set logged_in = request.user.is_authenticated %} {% set logged_in = request.user.is_authenticated %}
{% set profile = request.profile if logged_in else None %} {% set profile = request.profile if logged_in else None %}
{% set hide_texts_on_mobile = (not hide_actionbar_comment) or actionbar_report_url %}
{% if logged_in %} {% if logged_in %}
{% if include_hr %} {% if include_hr %}
<hr>{% endif %} <hr>
<div class="page-vote actionbar"> {% endif %}
<div class="page-vote actionbar {{'hide_texts_on_mobile' if hide_texts_on_mobile}} ">
<span class="actionbar-block" style="justify-content: flex-start;"> <span class="actionbar-block" style="justify-content: flex-start;">
<span id="like-button-{{pagevote.id}}" <span id="like-button-{{pagevote.id}}"
class="like-button actionbar-button {% if pagevote.vote_score(request.profile) == 1 %}voted{% endif %}" class="like-button actionbar-button {% if pagevote.vote_score(request.profile) == 1 %}voted{% endif %}"
@ -22,33 +24,39 @@
<span class="actionbar-block"> <span class="actionbar-block">
<span class="actionbar-button actionbar-comment"> <span class="actionbar-button actionbar-comment">
<i class="fa fa-comment-o" style="font-size: large;"></i> <i class="fa fa-comment-o" style="font-size: large;"></i>
<span class="actionbar-text">{{_("Comment")}} {% if comment_list.count() %} ({{comment_list.count()}}) {% endif <span class="actionbar-text">
%}</span> {{_("Comment")}}
</span> </span>
{% if comment_list.count() %}
<span>
({{comment_list.count()}})
</span> </span>
{% endif %} {% endif %}
<span class="actionbar-block"> </span>
<span id="bookmark-button-{{bookmark.id}}" </span>
class="bookmark-button actionbar-button {% if bookmark.get_bookmark(request.profile) == True %} bookmarked {% endif %}" {% endif %}
onclick="javascript:bookmark({{ bookmark.id }}, event)"> <span class="actionbar-block">
<i class="fa fa-bookmark-o" style="font-size: large;"></i> <span id="bookmark-button-{{bookmark.id}}"
<span class="actionbar-text">{{_("Bookmark")}}</span> class="bookmark-button actionbar-button {% if bookmark.get_bookmark(request.profile) == True %} bookmarked {% endif %}"
</span> onclick="javascript:bookmark({{ bookmark.id }}, event)">
</span> <i class="fa fa-bookmark-o" style="font-size: large;"></i>
<span class="actionbar-block" style="justify-content: flex-end;"> <span class="actionbar-text">{{_("Bookmark")}}</span>
<span class="actionbar-button actionbar-share" style="position: relative" </span>
{{"share-url=" + share_url if share_url else ""}}> </span>
<i class=" fa fa-share" style="font-size: large;"></i> <span class="actionbar-block" style="justify-content: flex-end;">
<span class="actionbar-text">{{_("Share")}}</span> <span class="actionbar-button actionbar-share" style="position: relative"
</span> {{"share-url=" + share_url if share_url else ""}}>
</span> <i class=" fa fa-share" style="font-size: large;"></i>
{% if actionbar_report_url %} <span class="actionbar-text">{{_("Share")}}</span>
<span class="actionbar-block"> </span>
<a class="actionbar-button black" href="{{actionbar_report_url}}"> </span>
<i class="fa fa-flag-o" style="font-size: large;"></i> {% if actionbar_report_url %}
<span class="actionbar-text">{{_("Report")}}</span> <span class="actionbar-block">
</a> <a class="actionbar-button black" href="{{actionbar_report_url}}">
</span> <i class="fa fa-flag-o" style="font-size: large;"></i>
{% endif %} <span class="actionbar-text">{{_("Report")}}</span>
</div> </a>
{% endif %} </span>
{% endif %}
</div>
{% endif %}