boost/website-v2
2
0
Fork 0
mirror of https://github.com/boostorg/website-v2.git synced 2026-01-19 04:42:17 +00:00
Code Issues Projects Releases Wiki Activity

🐛 fixes dropdown on docs and guide

Browse Source 
The dropdowns for user profile and guide was not showing the border and shadow because of not using tailwind base, which we can’t use here.
This commit is contained in:
Greg Newman
2024-01-25 11:51:01 -05:00
parent 0e1091cc13
commit 5439a61be0
7 changed files with 18 additions and 4106 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/docsstyles.css
View File

@@ -33,3 +33,7 @@ div.book:first-of-type, {
#avatar>div>img {
@apply rounded;
}
#userMenu, #guideMenu {
border: 1px solid #d1d5db;
}

5
frontend/userguidestyles.css
View File

@@ -120,3 +120,8 @@ select, #search-input {
#avatar>div>img {
@apply rounded;
}
#userMenu, #guideMenu {
border: 1px solid #d1d5db;
}

2
static/css/docsstyles.css
View File

File diff suppressed because one or more lines are too long

4100
static/css/styles.css
View File

File diff suppressed because one or more lines are too long

2
static/css/userguidestyles.css
View File

File diff suppressed because one or more lines are too long

3
templates/includes/_header.html
View File

@@ -42,13 +42,14 @@
<div
x-show="guideOpen" x-cloak
@click.away="guideOpen = false"
id="guideMenu"
x-transition:enter="transition ease-out duration-100"
x-transition:enter-start="transform opacity-0 scale-95"
x-transition:enter-end="transform opacity-100 scale-100"
x-transition:leave="transition ease-in duration-75"
x-transition:leave-start="transform opacity-100 scale-100"
x-transition:leave-end="transform opacity-0 scale-95"
class="absolute right-0 z-10 py-1 px-2 mt-2 w-32 text-left bg-white rounded-md divide-y divide-gray-300 dark:divide-gray-700 ring-1 ring-gray-300 shadow-lg origin-top-right dark:ring-gray-500 dark:bg-charcoal"
class="absolute right-0 z-10 py-1 px-2 mt-2 w-32 text-left bg-white rounded-md divide-y divide-gray-300 dark:divide-gray-700 ring-gray-300 shadow-lg origin-top-right dark:ring-gray-500 dark:bg-charcoal"
>
<a href="/doc/user-guide/index.html" class="ml-2 block py-2 text-xs cursor-pointer dark:text-white text-charcoal dark:hover:text-orange hover:text-orange">User Guide</a>
<a href="/doc/contributor-guide/index.html" class="ml-2 block py-2 text-xs cursor-pointer dark:text-white text-charcoal dark:hover:text-orange hover:text-orange">Contributor Guide</a>

8
templates/users/includes/header_avatar.html
View File

@@ -18,33 +18,33 @@
</a>
{% else %}
{% if user.image %}
<div class="h-[30px] w-[30px] bg-black text-slate rounded dark:text-white dark:bg-slate justify-center flex overflow-hidden">
<div class="h-[30px] w-[30px] text-slate rounded dark:text-white dark:bg-slate justify-center flex overflow-hidden">
<img src="{{ user.image_thumbnail.url }}"
alt="user"
class="h-full w-full cursor-pointer object-cover"
@click="userOpen = !userOpen" />
</div>
{% else %}
<div class="h-[30px] w-[30px] bg-white text-slate rounded dark:text-white dark:bg-slate justify-center flex cursor-pointer">
<div class="h-[30px] w-[30px] bg-white text-slate rounded dark:text-white dark:bg-slate justify-center flex">
<i class="fas fa-user text-2xl" @click="userOpen = !userOpen"></i>
</div>
{% endif %}
<div x-show="userOpen"
@click.away="userOpen = false"
id="userMenu"
x-transition:enter="transition ease-out duration-100"
x-transition:enter-start="transform opacity-0 scale-95"
x-transition:enter-end="transform opacity-100 scale-100"
x-transition:leave="transition ease-in duration-75"
x-transition:leave-start="transform opacity-100 scale-100"
x-transition:leave-end="transform opacity-0 scale-95"
class="absolute right-0 z-10 py-1 px-2 mt-2 w-32 text-left bg-white rounded-md divide-y divide-gray-300 ring-1 ring-gray-300 shadow-lg origin-top-right dark:ring-gray-500 darK:divide-gray-500 dark:bg-charcoal"
x-ref="menu-items"
x-description="Profile Menu"
role="menu"
aria-orientation="vertical"
aria-labelledby="user-menu-button"
tabindex="-1"
style="display: none;"
class="absolute right-0 z-10 py-1 px-2 mt-2 w-32 text-left bg-white rounded-md divide-y divide-gray-300 border border-gray-300 shadow-lg dark:ring-gray-500 dark:divide-gray-500 dark:bg-charcoal"
>
<a href="{% url 'profile-account' %}" class="block py-2 text-xs font-medium dark:text-white text-charcoal dark:hover:text-orange hover:text-orange">My Profile</a>
<a href="{% url 'account_logout' %}" class="block py-2 text-xs font-medium dark:text-white text-charcoal dark:hover:text-orange hover:text-orange">Log Out</a>