From 08ccb50f42c5ca8588fcb3aab003d8e9f6d31ad4 Mon Sep 17 00:00:00 2001 From: RitaOak Date: Mon, 16 Mar 2020 23:11:28 +0000 Subject: [PATCH 1/5] fix: changed invite link to welcome channel --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 3ec9016..c159e22 100644 --- a/README.md +++ b/README.md @@ -43,4 +43,4 @@ Integration with the backend is still experimental and requires a few changes to ## Help -Find us on [discord](https://discord.gg/RShTcdq). \ No newline at end of file +Find us on [discord](https://discord.gg/99kAgRn). \ No newline at end of file From b13225be91ae42214db94d8e609c54a421d89996 Mon Sep 17 00:00:00 2001 From: RitaOak Date: Tue, 24 Mar 2020 17:44:09 +0000 Subject: [PATCH 2/5] fix: responsive height dashboard (position: absolute) --- src/components/dashboard.js | 38 ++++++++++++++++++------------------- style/dashboard.scss | 4 ++++ 2 files changed, 23 insertions(+), 19 deletions(-) diff --git a/src/components/dashboard.js b/src/components/dashboard.js index bd479a8..18a4c13 100644 --- a/src/components/dashboard.js +++ b/src/components/dashboard.js @@ -19,9 +19,9 @@ class OAEDashboard extends PageViewElement { render() { return html` -
-
-
+
+
+
@@ -40,24 +40,24 @@ class OAEDashboard extends PageViewElement {
  • Dashboard
    • - diff --git a/style/dashboard.scss b/style/dashboard.scss index d9ba827..71b348e 100644 --- a/style/dashboard.scss +++ b/style/dashboard.scss @@ -6,4 +6,8 @@ h3 { .dashboard-icon { color: #212121; margin-right: 0.8em; +} + +.content-dashboard { + position: absolute; } \ No newline at end of file From 7c3b676115c87f13bd9c7f277dbf39cecaa18735 Mon Sep 17 00:00:00 2001 From: RitaOak Date: Tue, 24 Mar 2020 20:36:09 +0000 Subject: [PATCH 3/5] feat: sidebar+top nav V2 --- src/components/dashboard.js | 12 ++-- src/components/my-view1.js | 112 ++++++++++++++++++++------------ src/components/navbar.js | 0 src/components/shop-products.js | 75 +++------------------ src/components/sidebar.js | 5 -- src/components/sidebarV2.js | 68 +++++++++++++++++++ src/components/top-nav.js | 38 +++++++---- src/components/top-navV2.js | 51 +++++++++++++++ style/app.scss | 28 +++++--- style/dashboard.scss | 4 ++ style/topnav-buttons.scss | 13 ++-- 11 files changed, 257 insertions(+), 149 deletions(-) create mode 100644 src/components/navbar.js create mode 100644 src/components/sidebarV2.js create mode 100644 src/components/top-navV2.js diff --git a/src/components/dashboard.js b/src/components/dashboard.js index 18a4c13..b684443 100644 --- a/src/components/dashboard.js +++ b/src/components/dashboard.js @@ -4,8 +4,8 @@ import dashboardStyles from '../../style/dashboard.scss'; import dashboardButtonsStyles from '../../style/dashboard-filter.scss'; import { PageViewElement } from './page-view-element.js'; import '@polymer/iron-icons/iron-icons.js'; -import './sidebar.js'; -import './top-nav.js'; +import './sidebarV2.js'; +import './top-navV2.js'; import './info-card.js'; import './tag-card.js'; import './news-feed.js'; @@ -19,17 +19,17 @@ class OAEDashboard extends PageViewElement { render() { return html` -
    +
    -
    - +
    +
    - +
    diff --git a/src/components/my-view1.js b/src/components/my-view1.js index 9035028..5f487c9 100644 --- a/src/components/my-view1.js +++ b/src/components/my-view1.js @@ -1,55 +1,85 @@ -/** -@license -Copyright (c) 2018 The Polymer Project Authors. All rights reserved. -This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt -The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt -The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt -Code distributed by Google as part of the polymer project is also -subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt -*/ - import { html } from 'lit-element'; +import sharedStyles from '../../style/app.scss'; +import dashboardStyles from '../../style/dashboard.scss'; +import dashboardButtonsStyles from '../../style/dashboard-filter.scss'; import { PageViewElement } from './page-view-element.js'; - -// These are the shared styles needed by this element. -import { SharedStyles } from './shared-styles.js'; +import '@polymer/iron-icons/iron-icons.js'; +import './top-nav.js'; +import './sidebar.js'; +import './info-card.js'; +import './tag-card.js'; +import './news-feed.js'; +import './quick-settings.js'; +import './tags.js'; class MyView1 extends PageViewElement { static get styles() { - return [SharedStyles]; + return [sharedStyles, dashboardStyles, dashboardButtonsStyles]; } render() { return html` -
    -

    Static page

    -

    This is a text-only page.

    -

    It doesn't do anything other than display some static text.

    -
    -
    -

    Welcome

    -

    - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ac nisi orci. Maecenas sollicitudin diam in - diam efficitur cursus. Morbi sollicitudin in justo tincidunt placerat. Integer tincidunt elementum nisi, eu - ornare dolor lacinia eget. Fusce pulvinar massa eget odio placerat, commodo molestie ipsum tempus. Class - aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse porttitor id - purus eu cursus. Suspendisse arcu nulla, mattis vel hendrerit et, malesuada a elit. Nam at diam ornare, - aliquet est sed, malesuada metus. Cras nec enim vel nibh tincidunt euismod ut et enim. Etiam pharetra eros in - sodales iaculis. Duis sagittis urna et cursus mollis. Cras tempor rutrum est. Praesent sollicitudin ligula at - laoreet placerat. Praesent tortor dui, semper in sapien non, pharetra luctus turpis. -

    -
    -
    -

    - Vestibulum at est ex. Aenean id ligula id nibh dictum laoreet. Etiam non semper erat. Pellentesque eu justo - rhoncus diam vulputate facilisis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam feugiat - metus ex, vel fringilla massa tincidunt sit amet. Nunc facilisis bibendum tristique. Mauris commodo, dolor - vitae dapibus fermentum, odio nibh viverra lorem, eu cursus diam turpis et sapien. Nunc suscipit tortor a - ligula tincidunt, id hendrerit tellus sollicitudin. -

    +
    + +
    + +
    + + +
    +
    +
    +
    + +
    +
    +
    +
    +
    +
    +
    + +
    + + + + +
    +
    +
    + + +
    +
    +
    +
    +
    +
    +
    + +
    `; } } - window.customElements.define('my-view1', MyView1); diff --git a/src/components/navbar.js b/src/components/navbar.js new file mode 100644 index 0000000..e69de29 diff --git a/src/components/shop-products.js b/src/components/shop-products.js index ededeb5..a42794c 100644 --- a/src/components/shop-products.js +++ b/src/components/shop-products.js @@ -10,75 +10,16 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN /* eslint-disable import/no-unassigned-import */ -import { LitElement, html, css } from 'lit-element'; -import { connect } from 'pwa-helpers/connect-mixin.js'; - -// This element is connected to the Redux store. -import { store } from '../store.js'; - -// These are the elements needed by this element. -import './shop-item.js'; - -// These are the actions needed by this element. -import { getAllProducts, addToCart } from '../actions/shop.js'; - -// These are the elements needed by this element. -import { addToCartIcon } from './my-icons.js'; - -// These are the shared styles needed by this element. -import { ButtonSharedStyles } from './button-shared-styles.js'; - -class ShopProducts extends connect(store)(LitElement) { - static get properties() { - return { - _products: { type: Object } - }; - } - +class ShopProducts extends PageViewElement { static get styles() { - return [ - ButtonSharedStyles, - css` - :host { - display: block; - } - ` - ]; + return [sharedStyles, dashboardStyles, dashboardButtonsStyles]; } - - render() { - return html` - ${Object.keys(this._products).map(key => { - const item = this._products[key]; - return html` -
    - - -
    - `; - })} - `; - } - - firstUpdated() { - store.dispatch(getAllProducts()); - } - - _addButtonClicked(e) { - store.dispatch(addToCart(e.currentTarget.dataset.index)); - } - - // This is called every time something is updated in the store. - stateChanged(state) { - this._products = state.shop.products; + + render() { + return html` + + `; + } } -} window.customElements.define('shop-products', ShopProducts); diff --git a/src/components/sidebar.js b/src/components/sidebar.js index 5d18bb1..d600761 100644 --- a/src/components/sidebar.js +++ b/src/components/sidebar.js @@ -13,11 +13,6 @@ class Sidebar extends LitElement { render() { return html`
    +
    +
    +
    + `; } } diff --git a/src/components/top-navV2.js b/src/components/top-navV2.js new file mode 100644 index 0000000..9b3ce7f --- /dev/null +++ b/src/components/top-navV2.js @@ -0,0 +1,51 @@ +import { html, LitElement } from 'lit-element'; +import '@polymer/iron-icons/iron-icons.js'; +import '@polymer/iron-icons/social-icons.js'; +import '@polymer/iron-icons/maps-icons.js'; +import homepageStyles from '../../style/homepage.scss'; +import sharedStyles from '../../style/app.scss'; +import './notifications.js'; +import './context.js'; +import './user-button.js'; + +class topNavV2 extends LitElement { + static get styles() { + return [sharedStyles, homepageStyles]; + } + + render() { + return html` +
    +
    +
    +
    +

    + + + +

    +

    + +

    +
    +
    + + + + + +
    + + +
    + `; + } +} + +window.customElements.define('top-nav2', topNavV2); diff --git a/style/app.scss b/style/app.scss index 3d0f586..8c62827 100644 --- a/style/app.scss +++ b/style/app.scss @@ -21,6 +21,7 @@ $link: #0060df; @import '../node_modules/bulma/sass/components/dropdown.sass'; @import '../node_modules/bulma/sass/components/modal.sass'; @import '../node_modules/bulma/sass/components/level.sass'; +@import '../node_modules/bulma/sass/components/tabs.sass'; // Elements @import '../node_modules/bulma/sass/elements/box.sass'; @@ -96,7 +97,7 @@ body { .hero-body { margin: 0; padding: 0; - background-color: #fafafa; + //background-color: #fafafa; } .container.is-fluid { @@ -127,10 +128,10 @@ body { } .column.is-narrow { - background-color: white; - box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); - z-index: 1; - width: 210px; + //background-color: white; + //box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); + //z-index: 1; + width: 200px; padding: 0; } @@ -149,8 +150,8 @@ body { } .sidebar-brand { - margin: -70px 0 30px 0; - padding-left: 30px; + margin: -10px 0 30px 0; + padding-left: 25px; } .navbar-item img { @@ -159,7 +160,9 @@ body { .menu { width: 185px; - position: fixed; + //position: fixed; + //top: 8.5em; + margin-top: 3.5em; } .menu-list { @@ -168,7 +171,7 @@ body { } .menu-list li { - padding-left: 35px; + padding-left: 30px; margin-bottom: 18px; border-radius: 0 25px 25px 0; height: 30px; @@ -207,6 +210,11 @@ a.network { } // Top Bar +.top-nav { + margin: 0.5em; + max-width: 97%; +} + .topbar-search-icon { display: flex; align-items: center; @@ -244,7 +252,7 @@ a.network { // Navbar .navbar { - background-color: transparent; + background-color: #fafafa; } .tags { diff --git a/style/dashboard.scss b/style/dashboard.scss index 71b348e..1df4fd2 100644 --- a/style/dashboard.scss +++ b/style/dashboard.scss @@ -10,4 +10,8 @@ h3 { .content-dashboard { position: absolute; +} + +.sidebar { + height: 100%; } \ No newline at end of file diff --git a/style/topnav-buttons.scss b/style/topnav-buttons.scss index 4c10505..fa0392b 100644 --- a/style/topnav-buttons.scss +++ b/style/topnav-buttons.scss @@ -12,13 +12,14 @@ .navbar-item.has-dropdown { color: #0060df; - margin-right: 15px; + margin-top: 18px; + margin-right: 10px; font-size: 14px; height: 35px; - border-radius: 25px; - border: solid; - border-color: #EEEEEE; - border-width: 1px; + //border-radius: 25px; + //border: solid; + //border-color: #EEEEEE; + //border-width: 1px; } .notification-icon { @@ -43,7 +44,7 @@ } .navbar-item.is-hoverable { - background-color: white; + background-color: transparent; } .notification-icon { From 0bafc0a03855cacb0312e754c9caaa756edde878 Mon Sep 17 00:00:00 2001 From: RitaOak Date: Thu, 26 Mar 2020 11:55:07 +0000 Subject: [PATCH 4/5] fix: responsive container scaling for library and groups --- src/components/dashboard.js | 2 +- src/components/groups.js | 14 +++++++------- src/components/library.js | 14 +++++++------- style/app.scss | 4 ++++ 4 files changed, 19 insertions(+), 15 deletions(-) diff --git a/src/components/dashboard.js b/src/components/dashboard.js index b684443..48cc15d 100644 --- a/src/components/dashboard.js +++ b/src/components/dashboard.js @@ -21,7 +21,7 @@ class OAEDashboard extends PageViewElement { return html`
    -
    +
    diff --git a/src/components/groups.js b/src/components/groups.js index 15e4c66..e19f3de 100644 --- a/src/components/groups.js +++ b/src/components/groups.js @@ -4,8 +4,8 @@ import sharedStyles from '../../style/app.scss'; import groupStyles from '../../style/groups.scss'; import groupButtonStyles from '../../style/groups-filter.scss'; import { PageViewElement } from './page-view-element.js'; -import './sidebar.js'; -import './top-nav.js'; +import './sidebarV2.js'; +import './top-navV2.js'; import './groups-feed.js'; import './groups-about.js'; import './news-feed.js'; @@ -19,17 +19,17 @@ class OAEGroups extends PageViewElement { render() { return html` -
    -
    -
    +
    +
    +
    - +
    - +
    diff --git a/src/components/library.js b/src/components/library.js index fa8a1fc..ae393e4 100644 --- a/src/components/library.js +++ b/src/components/library.js @@ -3,8 +3,8 @@ import sharedStyles from '../../style/app.scss'; import library from '../../style/library.scss'; import { PageViewElement } from './page-view-element.js'; import '@polymer/iron-icons/iron-icons.js'; -import './sidebar.js'; -import './top-nav.js'; +import './sidebarV2.js'; +import './top-navV2.js'; import './info-card.js'; import './tag-card.js'; import './news-feed.js'; @@ -20,17 +20,17 @@ class OAELibrary extends PageViewElement { render() { return html` -
    -
    -
    +
    +
    +
    - +
    - +
    diff --git a/style/app.scss b/style/app.scss index 8c62827..fb25ffc 100644 --- a/style/app.scss +++ b/style/app.scss @@ -100,6 +100,10 @@ body { //background-color: #fafafa; } +.content-wrapResponsive { + position: absolute; +} + .container.is-fluid { margin: 0; padding: 0; From aaf974c2acdd9f4aca2888a98a2080027e3c24fe Mon Sep 17 00:00:00 2001 From: RitaOak Date: Thu, 26 Mar 2020 12:15:53 +0000 Subject: [PATCH 5/5] fix: invite link --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index c159e22..b20c2cb 100644 --- a/README.md +++ b/README.md @@ -43,4 +43,4 @@ Integration with the backend is still experimental and requires a few changes to ## Help -Find us on [discord](https://discord.gg/99kAgRn). \ No newline at end of file +Find us on [discord](https://discord.gg/CcNnbGk). \ No newline at end of file