diff --git a/src/app/app.scss b/src/app/app.scss index 02b2d3f..a026cac 100644 --- a/src/app/app.scss +++ b/src/app/app.scss @@ -19,7 +19,7 @@ body { font-family: 'Lato', sans-serif; } -h1, h2, h3, h4, h5, h6 { +h1, h2, h3, h4, h5, h6, .title, .title.toolbar-title { font-family: 'Anonymous Pro', monospace; } @@ -27,7 +27,7 @@ ion-toolbar { color: #fff; .toolbar-background { - background-color: #000000; + background-color: #050505; } .bar-button, @@ -61,7 +61,7 @@ ion-title { .tabs { .tabbar { - background-color: #090a0a; + background-color: #050505; } .tab-button { diff --git a/src/pages/chat/chat.html b/src/pages/chat/chat.html index ec7e420..1cd7bfc 100644 --- a/src/pages/chat/chat.html +++ b/src/pages/chat/chat.html @@ -13,7 +13,7 @@ -

{{message.text}}

+

{{message.text}}

diff --git a/src/pages/chat/chat.scss b/src/pages/chat/chat.scss index de38e2e..ea077b1 100644 --- a/src/pages/chat/chat.scss +++ b/src/pages/chat/chat.scss @@ -1,5 +1,9 @@ page-chat { + .title { + text-align: left; + } + .toolbar-title { .title-profile-avatar { @@ -12,13 +16,16 @@ page-chat { .message-bubble { background-color: #fdb315; border-radius: 0.5rem; - font-family: 'Helvetica Neue', HelveticaNeue, Helvetica, Arial, sans-serif; - line-height: 1.5; + line-height: 1.8; margin: 1rem 1rem 2.5rem auto; max-width: 75%; + min-height: 0; + min-width: none; overflow: visible; padding: 0.75rem; position: relative; + width: -webkit-fit-content; + width: fit-content; &.is-user { background-color: #6fbedf; diff --git a/src/pages/grid/grid.html b/src/pages/grid/grid.html index 55f7c66..b774e3f 100644 --- a/src/pages/grid/grid.html +++ b/src/pages/grid/grid.html @@ -1,6 +1,6 @@ - Looking + looking diff --git a/src/pages/grid/grid.scss b/src/pages/grid/grid.scss index 7356f28..eb26d9e 100644 --- a/src/pages/grid/grid.scss +++ b/src/pages/grid/grid.scss @@ -7,7 +7,6 @@ page-grid { font-size: 2.42em; font-weight: 700; line-height: 1.29; - text-decoration: underline; } } diff --git a/src/pages/information/information.html b/src/pages/information/information.html index cc5daf6..cacb4fd 100644 --- a/src/pages/information/information.html +++ b/src/pages/information/information.html @@ -1,10 +1,6 @@ - - - + looking diff --git a/src/pages/information/information.scss b/src/pages/information/information.scss index 59c8e14..90c6581 100644 --- a/src/pages/information/information.scss +++ b/src/pages/information/information.scss @@ -1,5 +1,15 @@ page-information { + ion-toolbar { + + .toolbar-title { + color: #ffffff; + font-size: 2.42em; + font-weight: 700; + line-height: 1.29; + } + } + .content-box { background-color: #ffffff; color: #000000; diff --git a/src/pages/information/information.ts b/src/pages/information/information.ts index 451d84a..8ddcc4f 100644 --- a/src/pages/information/information.ts +++ b/src/pages/information/information.ts @@ -14,7 +14,7 @@ export class InformationPage { } ionViewWillEnter() { - this.tabNavEl.style.display = 'none'; + this.tabNavEl.style.display = 'flex'; } close(event) { diff --git a/src/pages/messages/messages.html b/src/pages/messages/messages.html index 4b8fe02..b7d4395 100644 --- a/src/pages/messages/messages.html +++ b/src/pages/messages/messages.html @@ -1,6 +1,6 @@ - Looking + looking diff --git a/src/pages/messages/messages.scss b/src/pages/messages/messages.scss index 64d86be..7f96b6f 100644 --- a/src/pages/messages/messages.scss +++ b/src/pages/messages/messages.scss @@ -7,7 +7,6 @@ page-messages { font-size: 2.42em; font-weight: 700; line-height: 1.29; - text-decoration: underline; } } diff --git a/src/pages/profile/profile.scss b/src/pages/profile/profile.scss index 05cace5..90139e4 100644 --- a/src/pages/profile/profile.scss +++ b/src/pages/profile/profile.scss @@ -11,7 +11,6 @@ page-profile { } ion-toolbar { - border-bottom: 1px solid #ffffff; transition: opacity 250ms 125ms ease-in-out; &.hidden { @@ -23,6 +22,10 @@ page-profile { background-color: rgba(0, 0, 0, 1); } + .title { + text-align: left; + } + .bar-button, .toolbar-title { color: #ffffff; diff --git a/src/pages/tell/tell.html b/src/pages/tell/tell.html index 050cea8..3ddddc7 100644 --- a/src/pages/tell/tell.html +++ b/src/pages/tell/tell.html @@ -32,7 +32,7 @@ - Your schtick with #gays + What is your your experience dating in the LGBT community?
diff --git a/src/pages/tell/tell.scss b/src/pages/tell/tell.scss index 70b9314..f9c3314 100644 --- a/src/pages/tell/tell.scss +++ b/src/pages/tell/tell.scss @@ -1,24 +1,27 @@ page-tell-your-story { + .title { + text-align: left; + } + .item.item-block { padding-left: 0; } .input-wrapper { align-items: flex-start; - } - .label { - font-size: 1.2rem; - font-weight: 700; - margin-bottom: 4px; - text-align: left; + .label { + font-size: 0.9em; + font-weight: 700; + margin-bottom: 4px; + text-align: left; + } } ion-input, ion-textarea { input, textarea { - font-size: 0.8rem; &::placeholder, &::-webkit-input-placeholder, @@ -55,4 +58,15 @@ page-tell-your-story { color: #191b1c; } } + + .item-input-has-focus .label-md[stacked], + .input-has-focus .label-md[stacked] { + color: #fdb315; + } + + .item-md.item-input.item-input-has-focus .item-inner, + .item-md.item-input.input-has-focus .item-inner { + border-bottom-color: #fdb315; + box-shadow: inset 0 -1px 0 0 #fdb315; + } } diff --git a/src/pages/users/users.html b/src/pages/users/users.html index d9a8c36..89c8397 100644 --- a/src/pages/users/users.html +++ b/src/pages/users/users.html @@ -1,6 +1,6 @@ - Looking + looking diff --git a/src/pages/users/users.scss b/src/pages/users/users.scss index 980c8a1..4e0a6e8 100644 --- a/src/pages/users/users.scss +++ b/src/pages/users/users.scss @@ -7,7 +7,6 @@ page-users { font-size: 2.42em; font-weight: 700; line-height: 1.29; - text-decoration: underline; } }