logos-co
/
open-law
mirror of https://github.com/logos-co/open-law.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix tops

This commit is contained in:
Kostiantyn Stoliarskyi 2023-06-21 12:29:17 +03:00
parent 5b9c2a1911
commit 4f9a207dd9
3 changed files with 35 additions and 37 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/static/css/styles.css
View File

File diff suppressed because one or more lines are too long

2
app/templates/book/breadcrumbs_navigation.html
View File

@ -1,5 +1,5 @@
<!-- prettier-ignore --> <!-- prettier-ignore -->
<nav class="fixed flex top-32 p-4 pl-1 mt-1.5 z-40 w-full bg-white border-b border-gray-200 dark:bg-gray-800 dark:border-gray-700" aria-label="Breadcrumb"> <nav class="fixed flex top-14 md:top-32 p-4 pl-1 mt-1.5 z-40 w-full bg-white border-b border-gray-200 dark:bg-gray-800 dark:border-gray-700" aria-label="Breadcrumb">
<ol class="inline-flex items-center space-x-1 md:space-x-3 ml-5 overflow-x-scroll md:overflow-auto p-0"> <ol class="inline-flex items-center space-x-1 md:space-x-3 ml-5 overflow-x-scroll md:overflow-auto p-0">
{% for breadcrumb in breadcrumbs %} {% for breadcrumb in breadcrumbs %}
{% if breadcrumb.type != 'Splitter' %} {% if breadcrumb.type != 'Splitter' %}

68
app/templates/book/interpretation_view.html
View File

@ -17,7 +17,7 @@
{% include 'book/breadcrumbs_navigation.html'%} {% include 'book/breadcrumbs_navigation.html'%}
<div class="overflow-x-auto shadow-md sm:rounded-lg"> <div class="overflow-x-auto shadow-md sm:rounded-lg">
<!-- prettier-ignore --> <!-- prettier-ignore -->
<div class="fixed z-30 w-full top-44 pt-6 bg-white border-b border-gray-200 dark:bg-gray-800 dark:border-gray-700"> <div class="fixed z-30 w-full top-28 md:top-44 pt-6 bg-white border-b border-gray-200 dark:bg-gray-800 dark:border-gray-700">
<!-- prettier-ignore --> <!-- prettier-ignore -->
<h1 class="text-l font-extrabold dark:text-white ml-4">{{section.label}}</h1> <h1 class="text-l font-extrabold dark:text-white ml-4">{{section.label}}</h1>
<!-- prettier-ignore --> <!-- prettier-ignore -->
@ -32,9 +32,9 @@
</ul> </ul>
</div> </div>
</div> </div>
<div id="myTabContent" class="mt-40"> <div id="myTabContent" class="mt-40">
<!-- prettier-ignore --> <!-- prettier-ignore -->
<div class="hidden p-4 rounded-lg bg-gray-50 dark:bg-gray-800" id="interpretation" role="tabpanel" aria-labelledby="interpretation-tab"> <div class="hidden p-4 rounded-lg bg-gray-50 dark:bg-gray-800" id="interpretation" role="tabpanel" aria-labelledby="interpretation-tab">
{% if not current_user.is_authenticated %} {% if not current_user.is_authenticated %}
<div class="bg-white dark:bg-gray-900 max-w-full p-6 text-gray-900 divide-y divide-gray-200 dark:text-white dark:divide-gray-700 m-3 border-2 border-gray-200 border-solid rounded-lg dark:border-gray-700"> <div class="bg-white dark:bg-gray-900 max-w-full p-6 text-gray-900 divide-y divide-gray-200 dark:text-white dark:divide-gray-700 m-3 border-2 border-gray-200 border-solid rounded-lg dark:border-gray-700">
<div class="grid gap-6"> <div class="grid gap-6">
@ -92,51 +92,49 @@
</span> </span>
</dl> </dl>
</div> </div>
</div> </div>
<div class="flex p-10 justify-between"> <div class="flex p-10 justify-between">
<!-- prettier-ignore --> <!-- prettier-ignore -->
{% set previous_section = section.previous_section %} {% set previous_section = section.previous_section %}
{% if previous_section %} {% if previous_section %}
<a <a
href="{{url_for('book.interpretation_view', book_id=book.id, section_id=previous_section.id)}}" href="{{url_for('book.interpretation_view', book_id=book.id, section_id=previous_section.id)}}"
type="button" type="button"
class="w-1/5 text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center inline-flex items-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800" class="w-2/5 md:w-1/5 text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center inline-flex items-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">
> <!-- prettier-ignore -->
<!-- prettier-ignore --> <svg aria-hidden="true" class="w-5 h-5 mr-2 -ml-1 rotate-180" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" d="M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z" clip-rule="evenodd"></path> </svg>
<svg aria-hidden="true" class="w-5 h-5 mr-2 -ml-1 rotate-180" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" d="M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z" clip-rule="evenodd"></path> </svg> <div class="truncate flex flex-col ml-3 w-full">
<div class="truncate flex flex-col ml-3 w-full"> <p class="hidden sm:inline p-3 text-right truncate">{{ book.label }}</p>
<p class="p-3 text-right truncate">{{ book.label }}</p> <p class="hidden sm:inline p-3 text-right truncate">
<p class="p-3 text-right truncate">{{ previous_section.label }}</p> {{ previous_section.label }}
</div> </p>
</a>
{% else %}
<div>
</div> </div>
</a>
{% else %}
<div></div>
{% endif %} {% endif %}
<!-- prettier-ignore --> <!-- prettier-ignore -->
{% set next_section = section.next_section %} {% set next_section = section.next_section %}
{% if next_section %} {% if next_section %}
<a <a
href="{{url_for('book.interpretation_view', book_id=book.id, section_id=next_section.id)}}" href="{{url_for('book.interpretation_view', book_id=book.id, section_id=next_section.id)}}"
type="button" type="button"
class="w-1/5 text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center inline-flex items-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800" class="w-2/5 md:w-1/5 text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center inline-flex items-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">
> <div class="truncate flex flex-col w-full">
<div class="truncate flex flex-col w-full"> <p class="hidden sm:inline p-3 text-left truncate">{{ book.label }}</p>
<p class="p-3 text-left truncate">{{ book.label }}</p> <p class="hidden sm:inline p-3 text-left truncate">
<p class="p-3 text-left truncate">{{ next_section.label }}</p> {{ next_section.label }}
</div> </p>
<!-- prettier-ignore --> </div>
<svg aria-hidden="true" class="w-5 h-5 ml-2 -mr-1" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" d="M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z" clip-rule="evenodd"></path> </svg> <!-- prettier-ignore -->
</a> <svg aria-hidden="true" class="w-5 h-5 ml-2 -mr-1" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" d="M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z" clip-rule="evenodd"></path> </svg>
</a>
{% else %} {% else %}
<div> <div></div>
</div>
{% endif %} {% endif %}
</div> </div>
</div> </div>
<!-- prettier-ignore --> <!-- prettier-ignore -->
{% endblock %} {% endblock %}