fixes for formatting issues (#1235)

This commit is contained in:
Rob Beeston
2024-09-07 07:41:44 +00:00
committed by GitHub
parent 3819abdbf4
commit 88e048c84c
10 changed files with 29 additions and 14 deletions

View File

@@ -81,7 +81,7 @@
/* just using .content as a class for these for now, but we can change later */
main.content {
@apply px-3 pt-3 mb-3 md:py-0 md:px-0;
@apply px-3 mb-3 md:px-0;
}
section.content {

View File

@@ -56,7 +56,7 @@
{% block messages %}{% include "partials/messages.html" %}{% endblock messages %}
</div>
<div class="md:px-6 min-vh-110">
<div class="md:px-4 min-vh-110">
{% block content_wrapper %}
{% block subnav %}{% endblock %}
{% block content %}{% endblock %}

View File

@@ -146,7 +146,7 @@ html.dark {
margin-left: 1rem;
font-weight: 500;
color: var(--text-color);
font-weight: 18px;
font-size: 18px;
}
.header-menu-bar .menu-link-right {
@@ -154,6 +154,7 @@ html.dark {
margin-right: 1rem;
font-weight: 600;
color: var(--text-color);
font-size: 18px;
}
.icon-link {
@@ -210,7 +211,7 @@ html.dark {
#pageselector {
text-transform: capitalize;
margin-left: 1rem;
font-weight: 600;
font-weight: 500;
display:flex;
position: absolute;
top: 0.25rem;
@@ -278,8 +279,8 @@ html.dark {
}
body .body {
margin: 0px 1.25rem;
padding: 1rem 0rem 0;
margin: 0px 1rem;
padding: 1.5rem 0rem 0;
max-width: 80rem;
}
@@ -504,4 +505,18 @@ html.dark {
setTheme(localStorage.getItem("colorMode"));
}
function removejscssfile(filename, filetype){
var targetelement=(filetype=="js")? "script" : (filetype=="css")? "link" : "none" //determine element type to create nodelist from
var targetattr=(filetype=="js")? "src" : (filetype=="css")? "href" : "none" //determine corresponding attribute to test for
var allsuspects=document.getElementsByTagName(targetelement)
for (var i=allsuspects.length; i>=0; i--){ //search backwards within nodelist for matching elements to remove
if (allsuspects[i] && allsuspects[i].getAttribute(targetattr)!=null && allsuspects[i].getAttribute(targetattr).indexOf(filename)!=-1)
allsuspects[i].parentNode.removeChild(allsuspects[i]) //remove element by calling parentNode.removeChild()
}
}
document.onreadystatechange = () => {
if (document.readyState === 'complete') {
removejscssfile("boostbook.css", "css")
}
}
</script>

View File

@@ -32,9 +32,9 @@ onclick="window.location='{% if version %}{% url 'library-detail-by-version' slu
</span>
</div>
{#<div class="w-1/6 tracking-wider text-charcoal dark:text-white/60">{% if library.first_boost_version %}{{ library.first_boost_version.release_date|years_since }} yrs{% endif %}</div>#}
<div class="w-5/6 text-right font-bold capitalize text-sky-600 dark:text-sky-300">
<div class="w-5/6 text-right font-bold capitalize text-sky-600 dark:text-sky-300">
{% for c in library.categories.all %}
<a href="{% url 'libraries' %}?category={{ c.slug }}{% if version %}&version={{ version.slug }}{% endif %}">{{ c.name }}</a>{% if not forloop.last %}, {% endif %}{% endfor %}
<a href="{% url 'libraries' %}?category={{ c.slug }}{% if version %}&version={{ version.slug }}{% endif %}" class="hover:text-orange">{{ c.name }}</a>{% if not forloop.last %}, {% endif %}{% endfor %}
</div>
</div>
</div>

View File

@@ -8,7 +8,7 @@
{% block content %}
<main class="content">
<div class="py-0 px-0 mt-0 mb-0 w-full md:mb-2 flex flex-row flex-nowrap items-center md:block">
<div class="py-1 px-0 mt-0 mb-0 w-full md:mb-2 flex flex-row flex-nowrap items-center md:block">
{% comment %}
<div class="flex-auto mb-2 w-full md:block md:w-auto md:mb-0">
<div>

View File

@@ -8,7 +8,7 @@
{% block content %}
<main class="content">
<div class="py-0 px-0 mb-0 w-full md:mb-2 flex flex-row flex-nowrap items-center"
<div class="py-4 px-0 mb-0 w-full md:mb-2 flex flex-row flex-nowrap items-center"
x-data="{'showSearch': false}"
x-on:keydown.escape="showSearch=false">
<div class="flex-auto mb-2 w-full">
@@ -77,7 +77,7 @@
<a class="block items-center py-1 px-2 rounded cursor-pointer hover:bg-gray-100 dark:hover:bg-slate text-sky-600 dark:text-sky-300 hover:text-orange dark:hover:text-orange"
href="{{ documentation_url }}">
<span class="dark:text-white text-slate">Documentation</span>
<span class="block text-xs text-wrap whitespace-pre-line mb-2">{{ request.get_host }}{{ documentation_url|cut:"https://" }}</span>
<span class="block text-xs break-words text-wrap whitespace-pre-line mb-2">{{ request.get_host }}{{ documentation_url|cut:"https://" }}</span>
</a>
{% endif %}
</div>

View File

@@ -8,7 +8,7 @@
{% block content %}
<main class="content">
<div class="py-0 px-0 mt-0 mb-0 w-full md:mb-2 flex flex-row flex-nowrap items-center md:block">
<div class="py-1 px-0 mt-0 mb-0 w-full md:mb-2 flex flex-row flex-nowrap items-center md:block">
{% comment %}
<div class="flex-auto mb-2 w-full md:block md:w-auto md:mb-0">
<div>

View File

@@ -8,7 +8,7 @@
{% block content %}
<main class="content">
{% if library_list %}
<div class="py-0 px-0 mt-0 mb-0 w-full md:mb-2 flex flex-row flex-nowrap items-center md:block">
<div class="py-1 px-0 mt-0 mb-0 w-full md:mb-2 flex flex-row flex-nowrap items-center md:block">
{% comment %}
<div class="flex-auto mb-2 w-full md:block md:w-auto md:mb-0">
<div>

View File

@@ -7,7 +7,7 @@
{% block content %}
<main class="content">
{% if version %}
<div class="py-0 md:mt-3 px-0 mb-0 w-full mb-2 flex flex-row flex-nowrap items-center"
<div class="py-1 md:mt-3 px-0 mb-0 w-full mb-2 flex flex-row flex-nowrap items-center"
x-data="{'showSearch': false}"
x-on:keydown.escape="showSearch=false">
<div class="flex-auto mb-2 w-full">