Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Elad style fixes 1 #261

Merged
merged 17 commits into from
Oct 24, 2023
Merged

Elad style fixes 1 #261

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
17 commits
Select commit Hold shift + click to select a range
c0493dc
Inner scroll in big screen - fix issue
elad2412 Oct 16, 2023
d160aa6
Fix stretch in grid-huge-nav
elad2412 Oct 16, 2023
c30e5c7
fix roate button in side nav
elad2412 Oct 16, 2023
d833811
fix roate button in side nav
elad2412 Oct 16, 2023
58c240d
Plans box
elad2412 Oct 16, 2023
62784de
Collapsible partial
elad2412 Oct 16, 2023
7310526
Select
elad2412 Oct 16, 2023
6620bdf
Grid pages
elad2412 Oct 17, 2023
f09c38c
Grid pages
elad2412 Oct 17, 2023
f5d760c
update color
elad2412 Oct 18, 2023
b165b11
Strip Plans
elad2412 Oct 18, 2023
72bd420
Main Header
elad2412 Oct 18, 2023
96e79d4
Main Header
elad2412 Oct 18, 2023
c015622
Main Header
elad2412 Oct 18, 2023
78467f7
Merge branch 'main' into elad-style-fixes-1
TGlide Oct 23, 2023
6c7bb22
ref class
TGlide Oct 23, 2023
bc394d2
Grid Huge Navs
elad2412 Oct 23, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion src/lib/components/PreFooter.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -48,7 +48,7 @@
<div class="aw-strip-plans-plan">
<h4 class="title aw-description">Pro</h4>
<div class="aw-title aw-u-color-text-primary">$15</div>
<div class="info aw-caption-500">per org member/month</div>
<div class="info aw-caption-500">per user/month</div>
</div>
<p class="aw-strip-plans-info aw-caption-500">
For pro developers and teams that need to scale their products.
Expand Down
2 changes: 1 addition & 1 deletion src/lib/components/Select.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -105,7 +105,7 @@
{#each groups as group}
{@const isDefault = group.label === DEFAULT_GROUP}
{#if isDefault}
<div class="u-flex u-flex-vertical">
<div class="u-flex u-flex-vertical u-gap-2">
{#each group.options as option}
<button class="aw-select-option" use:melt={$optionEl(option)}>
{#if option.icon}
Expand Down
174 changes: 87 additions & 87 deletions src/lib/layouts/Docs.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -38,6 +38,7 @@
import { isMac } from '$lib/utils/platform';

export let variant: DocsLayoutVariant = 'default';
export let isReferences = false;

const variantClasses: Record<DocsLayoutVariant, string> = {
default: 'aw-grid-side-nav aw-container u-padding-inline-0',
Expand All @@ -60,13 +61,40 @@
</script>

<div class="u-position-relative">
<div
class={variantClass}
class:is-open={$layoutState.showSidenav}
style:--container-size={variant === 'default' ? 'var(--container-size-large)' : undefined}
<section class="aw-mobile-header is-transparent">
<div class="aw-mobile-header-start">
<a href="/" aria-label="homepage">
<img
class="aw-logo u-only-dark"
src="/images/logos/appwrite.svg"
alt="appwrite"
height="24"
width="130"
/>
<img
class="aw-logo u-only-light"
src="/images/logos/appwrite-light.svg"
alt="appwrite"
height="24"
width="130"
/>
</a>
</div>
<div class="aw-mobile-header-end">
<a href="https://cloud.appwrite.io/console" class="aw-button">
<span class="aw-sub-body-500">Go to console</span>
</a>
<button on:click={toggleSidenav} class="aw-button is-text" aria-label="open navigation">
<span class="aw-icon-hamburger-menu" />
</button>
</div>
</section>
<header
class="aw-main-header {isReferences ? 'is-reference' : 'is-docs'}"
class:is-transparent={variant !== 'expanded'}
>
<section class="aw-mobile-header is-transparent">
<div class="aw-mobile-header-start">
<div class="aw-main-header-wrapper">
<div class="aw-main-header-start u-stretch">
<a href="/" aria-label="homepage">
<img
class="aw-logo u-only-dark"
Expand All @@ -83,91 +111,63 @@
width="130"
/>
</a>
</div>
<div class="aw-mobile-header-end">
<a href="https://cloud.appwrite.io/console" class="aw-button">
<span class="aw-sub-body-500">Go to console</span>
</a>
<button
on:click={toggleSidenav}
class="aw-button is-text"
aria-label="open navigation"
>
<span class="aw-icon-hamburger-menu" />
</button>
</div>
</section>
<header class="aw-main-header is-docs" class:is-transparent={variant !== 'expanded'}>
<div class="aw-main-header-wrapper">
<div class="aw-main-header-start u-stretch">
<a href="/" aria-label="homepage">
<img
class="aw-logo u-only-dark"
src="/images/logos/appwrite.svg"
alt="appwrite"
height="24"
width="130"
/>
<img
class="aw-logo u-only-light"
src="/images/logos/appwrite-light.svg"
alt="appwrite"
height="24"
width="130"
/>
</a>
<nav class="aw-main-header-nav">
<ul class="aw-main-header-nav-list">
<li class="aw-main-header-nav-item">
<a class="aw-link" href="/docs">Docs</a>
</li>
</ul>
</nav>
<div class="u-flex u-stretch aw-u-margin-inline-start-48">
<button
class="aw-input-button aw-u-flex-basis-400"
on:click={() => ($layoutState.showSearch = true)}
>
<span class="aw-icon-search" aria-hidden="true" />
<span class="text">Search in docs</span>
<nav class="aw-main-header-nav">
<ul class="aw-main-header-nav-list">
<li class="aw-main-header-nav-item">
<a class="aw-link" href="/docs">Docs</a>
</li>
</ul>
</nav>
<div class="u-flex u-stretch aw-u-margin-inline-start-48">
<button
class="aw-input-button aw-u-flex-basis-400"
on:click={() => ($layoutState.showSearch = true)}
>
<span class="aw-icon-search" aria-hidden="true" />
<span class="text">Search in docs</span>

<div class="u-flex u-gap-4 u-margin-inline-start-auto">
{#if isMac()}
<span class="aw-kbd" aria-label="command">⌘</span>
{:else}
<span class="aw-kbd" aria-label="control">Ctrl</span>
{/if}
<span class="aw-kbd">K</span>
</div>
</button>
</div>
<div class="u-flex u-gap-4 u-margin-inline-start-auto">
{#if isMac()}
<span class="aw-kbd" aria-label="command">⌘</span>
{:else}
<span class="aw-kbd" aria-label="control">Ctrl</span>
{/if}
<span class="aw-kbd">K</span>
</div>
</button>
</div>
<div class="aw-main-header-end">
<div class="u-flex u-gap-8">
<a
href="https://github.com/appwrite/appwrite/stargazers"
target="_blank"
rel="noopener noreferrer"
class="aw-button is-text"
>
<span class="aw-icon-star" aria-hidden="true" />
<span class="text">Star on GitHub</span>
<span class="aw-inline-tag aw-sub-body-400">36.8K</span>
</a>
<a href="https://cloud.appwrite.io/console" class="aw-button">
<span class="aw-sub-body-500">Go to console</span>
</a>
<button
on:click={toggleSidenav}
class="aw-button is-text aw-is-not-desktop"
aria-label="open navigation"
>
<span class="aw-icon-hamburger-menu" />
</button>
</div>
</div>
<div class="aw-main-header-end">
<div class="u-flex u-gap-8">
<a
href="https://github.com/appwrite/appwrite/stargazers"
target="_blank"
rel="noopener noreferrer"
class="aw-button is-text"
>
<span class="aw-icon-star" aria-hidden="true" />
<span class="text">Star on GitHub</span>
<span class="aw-inline-tag aw-sub-body-400">36.8K</span>
</a>
<a href="https://cloud.appwrite.io/console" class="aw-button">
<span class="aw-sub-body-500">Go to console</span>
</a>
<button
on:click={toggleSidenav}
class="aw-button is-text aw-is-not-desktop"
aria-label="open navigation"
>
<span class="aw-icon-hamburger-menu" />
</button>
</div>
</div>
</header>
</div>
</header>
<div
class={variantClass}
class:is-open={$layoutState.showSidenav}
style:--container-size={variant === 'default' ? 'var(--container-size-large)' : undefined}
>
<slot />
</div>
</div>
Expand Down
2 changes: 1 addition & 1 deletion src/lib/layouts/Main.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -163,7 +163,7 @@
</div>
</section>
<header
class="aw-main-header theme-{resolvedTheme}"
class="aw-main-header is-special-padding theme-{resolvedTheme}"
class:is-transparent={browser}
class:is-hidden={$isHeaderHidden}
>
Expand Down
Loading