web/notify.moe
Code Issues Pull Requests Activity

Redesign

Browse Source
This commit is contained in:
Eduard Urbach 2017-11-05 06:56:09 +01:00
parent ce03cadc98
commit 239ef24b5b
9 changed files with 46 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
layout/sidebar/sidebar.scarlet
View File

@ -8,7 +8,7 @@ sidebar-spacing-y = 0.7rem
z-index 10
min-width 200px
height 100%
background ui-background
background sidebar-opaque-background
transform translateX(-100%)
overflow-x hidden
overflow-y auto
@ -32,8 +32,7 @@ sidebar-spacing-y = 0.7rem
pointer-events auto
box-shadow none
border-right ui-border
// background rgba(0, 0, 0, 0.03)
background rgba(0, 0, 0, 0.2)
background sidebar-background
.sidebar-visible
transform translateX(0) !important

2
pages/animelist/animelist.scarlet
View File

@ -30,7 +30,7 @@
clip-long-text
a
color text-color
color anime-list-item-name-color
:hover
color link-hover-color

27
pages/shop/history.pixy
View File

@ -3,18 +3,21 @@ component PurchaseHistory(purchases []*arn.Purchase, user *arn.User)
h1.page-title Purchase History
table
thead
tr.mountable
th Icon
th Item
th.history-quantity Quantity
th.history-price Price
th.history-date Date
tbody
each purchase in purchases
tr.shop-item.mountable(data-item-id=purchase.ItemID)
PurchaseInfo(purchase)
if len(purchases) == 0
p.text-center.mountable You haven't bought anything yet.
else
table
thead
tr.mountable
th Icon
th Item
th.history-quantity Quantity
th.history-price Price
th.history-date Date
tbody
each purchase in purchases
tr.shop-item.mountable(data-item-id=purchase.ItemID)
PurchaseInfo(purchase)
component PurchaseInfo(purchase *arn.Purchase)
td.item-icon

12
styles/forum.scarlet
View File

@ -98,14 +98,14 @@ post-content-padding-y = 0.75rem
&:before
content "+"
// .post-permalink
// color post-permalink-color !important
.post-permalink
color post-permalink-color
// .post-like
// color post-like-color !important
.post-like
color post-like-color
// .post-unlike
// color post-unlike-color !important
.post-unlike
color post-unlike-color
.post-save
//

12
styles/include/config.scarlet
View File

@ -37,6 +37,9 @@ tab-active-color = white
tab-active-background = hsl(216, 68%, 42%)
// tab-active-background = rgb(46, 85, 160)
sidebar-background = rgba(0, 0, 0, 0.03)
sidebar-opaque-background = ui-background
// Forum
forum-width = 830px
post-highlight-color = rgba(248, 165, 130, 0.7)
@ -54,9 +57,12 @@ nav-link-hover-slide-color = main-color
// nav-link-hover-color = rgb(80, 80, 80)
// Forum
post-like-color = green
post-unlike-color = rgb(255, 32, 12)
post-permalink-color = blue
post-like-color = green !important
post-unlike-color = rgb(255, 32, 12) !important
post-permalink-color = blue !important
table-row-hover-background = hsla(0, 0%, 0%, 0.01)
anime-list-item-name-color = link-color
// Tables
table-width-normal = 900px

10
styles/include/dark.scarlet
View File

@ -11,6 +11,9 @@ link-color = hsl(hue, saturation, 66%)
link-hover-color = hsl(hue, saturation, 76%)
link-hover-text-shadow = 0 0 8px hsla(hue, saturation, 66%, 0.5)
ui-background = hsla(0, 0%, 8%, 0.3)
sidebar-background = rgba(0, 0, 0, 0.2)
sidebar-opaque-background = ui-background
table-row-hover-background = hsla(0, 0%, 100%, 0.01)
// White/black
theme-white = bg-color
@ -26,8 +29,9 @@ tab-active-color = hsl(0, 0%, 95%)
tab-active-background = hsla(0, 0%, 2%, 0.5)
loading-anim-color = link-color
anime-alternative-title-color = hsla(0, 0%, 100%, 0.5)
anime-list-item-name-color = text-color
// Forum
post-like-color = green
post-unlike-color = rgb(255, 32, 12)
post-permalink-color = blue
post-like-color = link-color
post-unlike-color = link-color
post-permalink-color = link-color

4
styles/input.scarlet
View File

@ -1,8 +1,8 @@
mixin input-focus
:focus
border 1px solid input-focus-border-color
border 1px solid input-focus-border-color !important
// TODO: Replace with alpha(main-color, 20%) function
box-shadow 0 0 6px rgba(248, 165, 130, 0.2)
box-shadow 0 0 6px rgba(248, 165, 130, 0.2) !important
input, textarea, button, .button, select
ui-element

5
styles/table.scarlet
View File

@ -21,4 +21,7 @@ th
tbody
tr
bg-light-up
background-color transparent
:hover
background-color table-row-hover-background

1
styles/widgets.scarlet
View File

@ -22,7 +22,6 @@
.widget
vertical
width 100%
max-width 300px
margin calc(content-padding / 2)
overflow hidden