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.

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

Theme Pages #1779

Draft
wants to merge 138 commits into
base: main
Choose a base branch
from
Draft
Changes from 1 commit
Commits
Show all changes
138 commits
Select commit Hold shift + click to select a range
748ad3b
add theme pages
astrit Nov 12, 2024
8d5ddd3
Add theme pages
astrit Nov 12, 2024
96ab4c1
Add empty changeset
astrit Nov 12, 2024
5c41cc5
Rename ad do the menu
astrit Nov 12, 2024
263ee87
Add header icons
astrit Nov 12, 2024
cd63b16
Add sample profile on header
astrit Nov 12, 2024
a0771d4
Add the seb logo
astrit Nov 12, 2024
ca8ce35
Fix logo spacing
astrit Nov 12, 2024
6651201
Add bars icon on the left
astrit Nov 12, 2024
fd7ddfc
Add theme shortcut
astrit Nov 12, 2024
8b37e1d
doing stuff :D
vsjolander Nov 12, 2024
f1aa7fa
Theme Pages: Accounts Upcoming (#1782)
astrit Nov 12, 2024
353eb55
Add workflow to deploy apps from PR
Nov 12, 2024
1dc9e9f
Merge branch 'theme-pages' of https://github.com/seb-oss/green into t…
Nov 12, 2024
7aadf26
Add target dependendencies
Nov 12, 2024
fb3ccf9
Fix broken component
splashdust Nov 12, 2024
99afe05
Remove base href
splashdust Nov 12, 2024
9c474fa
Also remove baseHref from config
splashdust Nov 12, 2024
a7208cb
JIT Component (#1784)
Ateezey Nov 13, 2024
e4c8ac1
news-widget (#1786)
Wikenbrant Nov 13, 2024
97bd60f
Implement basic dream state layout (#1789)
splashdust Nov 13, 2024
11cd332
Accounts upcoming (#1787)
astrit Nov 13, 2024
83a5519
Add basic responsive dashboard layout
splashdust Nov 13, 2024
5e119bf
Quicklinks (#1790)
aramghanipour92 Nov 13, 2024
a3b2ef5
Fix tokens and add changeset
splashdust Nov 13, 2024
88e79db
Merge branch 'theme-pages' of https://github.com/seb-oss/green into t…
splashdust Nov 13, 2024
2096a9f
Accounts upcoming (#1791)
astrit Nov 13, 2024
98f7541
Add configurable layout
splashdust Nov 13, 2024
d95a25c
Start using states
astrit Nov 13, 2024
b0cdd74
Merge branch 'theme-pages' of https://github.com/seb-oss/green into t…
astrit Nov 13, 2024
c01c965
Theme pages carousel comp and init v2 carousel (#1792)
Ateezey Nov 13, 2024
f9c6b2e
Savings components (#1783)
vsjolander Nov 13, 2024
b5dea91
Split cards into individual components
astrit Nov 13, 2024
f19d10a
Merge branch 'theme-pages' of https://github.com/seb-oss/green into t…
astrit Nov 13, 2024
64f6006
Fix conflicts
astrit Nov 13, 2024
b630f2d
Checkin the changes
astrit Nov 13, 2024
e76199f
Add the carousel on pink area
astrit Nov 13, 2024
5c93f8e
Change document background, header and also add shadow to the card
astrit Nov 13, 2024
9103090
Add first version
astrit Nov 13, 2024
7df0a91
Add savings calculator
splashdust Nov 13, 2024
6819909
Move carousel to correct place
splashdust Nov 13, 2024
bfbefdf
Add snap style
astrit Nov 13, 2024
de05d74
Merge branch 'theme-pages' of https://github.com/seb-oss/green into t…
astrit Nov 13, 2024
72b8ba0
Responsive carousel
astrit Nov 13, 2024
2834a69
Savings calculator input gap
splashdust Nov 13, 2024
33bb17f
Fix paddings on sections
splashdust Nov 13, 2024
62753a6
New carousel
astrit Nov 13, 2024
9a764c9
Add the fancy animation
astrit Nov 13, 2024
dd5daf0
Add the bullet active boolean
astrit Nov 13, 2024
2406dc3
Fix header and such
astrit Nov 13, 2024
17fd4a8
Add new accounts card
astrit Nov 13, 2024
3623a93
Add account cards
astrit Nov 13, 2024
6d26733
Add action sheet
astrit Nov 13, 2024
753a22a
Add close modal
astrit Nov 13, 2024
4c581b5
Modal fix
astrit Nov 13, 2024
2d4ea99
Mobile action sheet fix
astrit Nov 13, 2024
39722df
Re enable
astrit Nov 13, 2024
a7ee5d4
Header fixed
astrit Nov 14, 2024
9a07597
todos (#1794)
Wikenbrant Nov 14, 2024
785d0dd
Some changes
astrit Nov 14, 2024
2212117
Ad empty state card
astrit Nov 14, 2024
5ff4474
Fix empty state card
astrit Nov 14, 2024
44eee66
Update tsconfig.app.json
splashdust Nov 14, 2024
b02e3a0
Add the card
astrit Nov 14, 2024
2dd81a2
Merge branch 'theme-pages' of https://github.com/seb-oss/green into t…
astrit Nov 14, 2024
eb31a64
Add the empty card
astrit Nov 14, 2024
52952cf
Add empty state
astrit Nov 14, 2024
6079884
Empty card stuff
astrit Nov 14, 2024
b2fb093
Header mobile animation
astrit Nov 14, 2024
151b1e1
Add header background
astrit Nov 14, 2024
02ed92d
expenses push (#1795)
Ateezey Nov 14, 2024
fa9d0f7
Update the empty card
astrit Nov 14, 2024
d7d7db9
Switch to vite
splashdust Nov 14, 2024
110a5f9
Header
astrit Nov 14, 2024
4e566f9
Merge branch 'theme-pages' of https://github.com/seb-oss/green into t…
astrit Nov 14, 2024
f0b8c54
Remove accessor
astrit Nov 14, 2024
4a33e5c
Formatting
astrit Nov 14, 2024
6288d01
Remove accessor
splashdust Nov 14, 2024
6c1d301
Merge branch 'theme-pages' of https://github.com/seb-oss/green into t…
splashdust Nov 14, 2024
b9f7f8b
Add background color
astrit Nov 14, 2024
79eaded
Format
astrit Nov 14, 2024
ea91054
Fix fonts loading
splashdust Nov 14, 2024
0df0284
Merge branch 'theme-pages' of https://github.com/seb-oss/green into t…
splashdust Nov 14, 2024
4c45762
Quicklinks update
astrit Nov 14, 2024
39acc8c
Merge branch 'theme-pages' of https://github.com/seb-oss/green into t…
astrit Nov 14, 2024
52e3cca
Type fixes
splashdust Nov 14, 2024
1451c71
Quicklinks
astrit Nov 14, 2024
6852fec
Merge branch 'theme-pages' of https://github.com/seb-oss/green into t…
astrit Nov 14, 2024
bc7d3b2
HEadline repsonsive hide
astrit Nov 14, 2024
648febe
savings - work in progress (#1793)
aramghanipour92 Nov 14, 2024
8319468
Fix gaps
astrit Nov 14, 2024
8310a7a
fix (#1800)
aramghanipour92 Nov 14, 2024
599b6da
Responsive fix
astrit Nov 14, 2024
0bc35c5
Merge branch 'theme-pages' of https://github.com/seb-oss/green into t…
astrit Nov 14, 2024
c098b09
Animate sections
splashdust Nov 14, 2024
51b7c5a
Add responsive stuff
astrit Nov 14, 2024
2ac2d6f
Merge branch 'theme-pages' of https://github.com/seb-oss/green into t…
astrit Nov 14, 2024
8739313
Fix section display
splashdust Nov 14, 2024
298f376
remove filter comment
astrit Nov 14, 2024
f44ed41
remove autocolumns
astrit Nov 14, 2024
c846ebe
Remove border on tp-card
astrit Nov 14, 2024
c4b606d
Update section height on resize
splashdust Nov 14, 2024
b482953
Savings goal soemthing
astrit Nov 14, 2024
cd753c5
new news (#1796)
Wikenbrant Nov 14, 2024
03cc08a
Merge branch 'theme-pages' of https://github.com/seb-oss/green into t…
astrit Nov 14, 2024
b7709f8
Connect some flow
splashdust Nov 14, 2024
b6d2e17
Fix inspo cards
splashdust Nov 14, 2024
be0b4d3
fix carousel and expenses (#1801)
Ateezey Nov 14, 2024
063f600
add
astrit Nov 14, 2024
1b5ef6a
Merge branch 'theme-pages' of https://github.com/seb-oss/green into t…
astrit Nov 14, 2024
05456ad
Fix padding
splashdust Nov 14, 2024
8851187
Fix build errors
splashdust Nov 14, 2024
50e87c9
Fix build target
splashdust Nov 14, 2024
a8f8d63
Fix shortcuts popover
splashdust Nov 14, 2024
318f57c
Change base path
splashdust Nov 14, 2024
ff802cd
links
astrit Nov 15, 2024
683ebf0
Merge branch 'theme-pages' of https://github.com/seb-oss/green into t…
astrit Nov 15, 2024
a57e151
Merge branch 'main' into theme-pages
astrit Nov 21, 2024
67d6f6a
Touch up step cards in mobile
splashdust Nov 21, 2024
dffd613
Update step.ts
splashdust Nov 21, 2024
6480fd7
Quick links pressed state
splashdust Nov 21, 2024
52b31d4
updated news-widget (#1831)
Wikenbrant Nov 22, 2024
30b9d9f
fix (#1832)
Wikenbrant Nov 22, 2024
2f02443
Transactions + Actionsheet (#1821)
astrit Nov 27, 2024
f47f94d
Reorgnaise a bit
astrit Nov 27, 2024
d060a0e
Add floating action
astrit Nov 27, 2024
5fbdb6c
Make the fab functional
astrit Nov 27, 2024
fb8f77d
Aniamte fab and actions
astrit Nov 27, 2024
94c1609
Responsive fab
astrit Nov 27, 2024
106fa19
Backdrop blur on fab
astrit Nov 27, 2024
f3fb4a0
Fix cards
astrit Nov 27, 2024
1770e48
paddins and more
astrit Nov 27, 2024
0ffb3d1
Final touch
astrit Nov 27, 2024
3a54f04
Some more things
astrit Nov 27, 2024
0008362
Center fab on mobile
astrit Nov 27, 2024
27b7907
Fix size on close button
astrit Nov 28, 2024
b9bd7ad
Merge branch 'main' into theme-pages
splashdust Dec 4, 2024
e2278c5
Update fab.ts
splashdust Dec 4, 2024
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
Prev Previous commit
Next Next commit
Quick links pressed state
  • Loading branch information
splashdust committed Nov 21, 2024
commit 6480fd7b7a4cf6336375fa152e6b6dd9acad7bd8
15 changes: 0 additions & 15 deletions apps/core-lib-dev/src/components/quicklinks.css

This file was deleted.

94 changes: 64 additions & 30 deletions apps/core-lib-dev/src/components/quicklinks.ts
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
import { LitElement } from 'lit'
import { css, LitElement } from 'lit'
import { customElement } from 'lit/decorators.js'

import { html } from '@sebgroup/green-core/scoping.js'
@@ -7,41 +7,75 @@ import '@sebgroup/green-core/components/card/index.js'
import '@sebgroup/green-core/components/icon/icons/credit-card.js'
import '@sebgroup/green-core/components/icon/icons/arrow-rotate-right-left.js'
import '@sebgroup/green-core/components/icon/icons/growth.js'
import './quicklinks.css'

@customElement('tp-quicklinks')
export class TpQuicklinks extends LitElement {
static styles = css`
:host {
display: contents;
}

a,
a:link,
a:visited,
a:focus,
a:hover,
a:active {
text-decoration: none;
cursor: crosshair;
}

a:-webkit-any-link {
color: -webkit-link;
text-decoration: none;
cursor: auto;
}

a [gds-element='gds-card'] {
transition: background-color 0.2s;
cursor: pointer;
}
a:active [gds-element='gds-card'] {
background-color: color-mix(
in srgb,
var(--gds-color-l3-background-secondary) 100%,
black 10%
);
}
`

render() {
return html`
<style>
:host {
display: contents;
}
</style>
<gds-grid columns="3" gap="m">
<gds-card variant="secondary" level="3">
<gds-flex flex-direction="column" align-items="center" gap="2xs">
<gds-icon-credit-card height="16"></gds-icon-credit-card>
<gds-text font-size="detail-s" font-weight="book">Kort</gds-text>
</gds-flex>
</gds-card>
<gds-card variant="secondary" level="3">
<gds-flex flex-direction="column" align-items="center" gap="2xs">
<gds-icon-arrow-rotate-right-left height="16">
</gds-icon-arrow-rotate-right-left>
<gds-text font-size="detail-s" font-weight="book">
Flytta pengar
</gds-text>
</gds-flex>
</gds-card>
<gds-card variant="secondary" level="3">
<gds-flex flex-direction="column" align-items="center" gap="2xs">
<gds-icon-growth height="16"></gds-icon-growth>
<gds-text font-size="detail-s" font-weight="book">
Framtiden
</gds-text>
</gds-flex>
</gds-card>
<a href="javascript:;">
<gds-card variant="secondary" level="3">
<gds-flex flex-direction="column" align-items="center" gap="2xs">
<gds-icon-credit-card height="16"></gds-icon-credit-card>
<gds-text font-size="detail-s" font-weight="book">Kort</gds-text>
</gds-flex>
</gds-card>
</a>
<a href="javascript:;">
<gds-card variant="secondary" level="3">
<gds-flex flex-direction="column" align-items="center" gap="2xs">
<gds-icon-arrow-rotate-right-left height="16">
</gds-icon-arrow-rotate-right-left>
<gds-text font-size="detail-s" font-weight="book">
Flytta pengar
</gds-text>
</gds-flex>
</gds-card>
</a>
<a href="javascript:;">
<gds-card variant="secondary" level="3">
<gds-flex flex-direction="column" align-items="center" gap="2xs">
<gds-icon-growth height="16"></gds-icon-growth>
<gds-text font-size="detail-s" font-weight="book">
Framtiden
</gds-text>
</gds-flex>
</gds-card>
</a>
</gds-grid>
`
}
Loading