mirror of
https://github.com/ash-project/ash_hq.git
synced 2024-09-20 05:13:23 +12:00
style: custom scrollbar
This commit is contained in:
parent
db50e2b1ef
commit
c8bd91cf8d
2 changed files with 42 additions and 21 deletions
|
@ -6,7 +6,7 @@
|
||||||
@import "syntax.css";
|
@import "syntax.css";
|
||||||
|
|
||||||
.search-hit {
|
.search-hit {
|
||||||
color: #fb923c
|
color: #fb923c;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Alerts and form errors used by phx.new */
|
/* Alerts and form errors used by phx.new */
|
||||||
|
@ -96,4 +96,23 @@
|
||||||
color: black;
|
color: black;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Hide scrollbar for Chrome, Safari and Opera */
|
||||||
|
.custom-scrollbar::-webkit-scrollbar {
|
||||||
|
width: 8px;
|
||||||
|
padding: 0px 4px 0px 4px;
|
||||||
|
margin-right: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-scrollbar::-webkit-scrollbar-thumb {
|
||||||
|
background-color: #888888;
|
||||||
|
border-radius: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Hide scrollbar for IE, Edge and Firefox */
|
||||||
|
.custom-scrollbar {
|
||||||
|
-ms-overflow-style: none; /* IE and Edge */
|
||||||
|
scrollbar-width: 8px; /* Firefox */
|
||||||
|
scrollbar-color: #888888 transparent;
|
||||||
|
}
|
||||||
|
|
|
@ -82,27 +82,29 @@ defmodule AshHqWeb.Pages.Docs do
|
||||||
</div>
|
</div>
|
||||||
</span>
|
</span>
|
||||||
<div class="grow w-screen overflow-hidden flex flex-row h-full justify-between md:space-x-12 bg-white dark:bg-primary-black">
|
<div class="grow w-screen overflow-hidden flex flex-row h-full justify-between md:space-x-12 bg-white dark:bg-primary-black">
|
||||||
<DocSidebar
|
<div class="lg:border-r lg:pr-2 lg:pt-14">
|
||||||
id="sidebar"
|
<DocSidebar
|
||||||
class="hidden xl:block pt-10 w-80 overflow-x-hidden border-r"
|
id="sidebar"
|
||||||
change_version={@change_version}
|
class="hidden xl:block w-80 overflow-x-hidden custom-scrollbar"
|
||||||
add_version={@add_version}
|
change_version={@change_version}
|
||||||
remove_version={@remove_version}
|
add_version={@add_version}
|
||||||
module={@module}
|
remove_version={@remove_version}
|
||||||
libraries={@libraries}
|
module={@module}
|
||||||
extension={@extension}
|
libraries={@libraries}
|
||||||
sidebar_state={@sidebar_state}
|
extension={@extension}
|
||||||
collapse_sidebar={@collapse_sidebar}
|
sidebar_state={@sidebar_state}
|
||||||
expand_sidebar={@expand_sidebar}
|
collapse_sidebar={@collapse_sidebar}
|
||||||
guide={@guide}
|
expand_sidebar={@expand_sidebar}
|
||||||
library={@library}
|
guide={@guide}
|
||||||
library_version={@library_version}
|
library={@library}
|
||||||
selected_versions={@selected_versions}
|
library_version={@library_version}
|
||||||
dsl={@dsl}
|
selected_versions={@selected_versions}
|
||||||
/>
|
dsl={@dsl}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
<div
|
<div
|
||||||
id="docs-window"
|
id="docs-window"
|
||||||
class="w-full prose prose-xl max-w-4xl dark:bg-primary-black dark:prose-invert overflow-y-auto overflow-x-visible md:pr-8 md:mt-14 px-4 md:px-auto"
|
class="w-full prose prose-xl max-w-4xl dark:bg-primary-black dark:prose-invert overflow-y-auto overflow-x-visible md:pr-8 md:mt-14 px-4 md:px-auto custom-scrollbar"
|
||||||
phx-hook="Docs"
|
phx-hook="Docs"
|
||||||
>
|
>
|
||||||
<div id="module-docs" class="w-full nav-anchor text-black dark:text-white relative py-4 md:py-auto">
|
<div id="module-docs" class="w-full nav-anchor text-black dark:text-white relative py-4 md:py-auto">
|
||||||
|
|
Loading…
Reference in a new issue