Skip to content
This repository has been archived by the owner on Jul 30, 2021. It is now read-only.

fixes: scaling and new topbar version #40

Open
wants to merge 7 commits into
base: master
Choose a base branch
from
+298 −182
Open

fixes: scaling and new topbar version #40

Changes from 1 commit
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
08ccb50
fix: changed invite link to welcome channel
RitaOak Mar 16, 2020
b13225b
fix: responsive height dashboard (position: absolute)
RitaOak Mar 24, 2020
7c3b676
feat: sidebar+top nav V2
RitaOak Mar 24, 2020
0bafc0a
fix: responsive container scaling for library and groups
RitaOak Mar 26, 2020
1e6c2db
Merge pull request #1 from RitaOak/interface-fixes
RitaOak Mar 26, 2020
aaf974c
fix: invite link
RitaOak Mar 26, 2020
59d2380
Merge pull request #2 from RitaOak/interface-fixes
RitaOak Mar 26, 2020
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
fix: responsive height dashboard (position: absolute)
@RitaOak
RitaOak committed Mar 24, 2020
commit b13225be91ae42214db94d8e609c54a421d89996
38 changes: 19 additions & 19 deletions src/components/dashboard.js
View file
Original file line number Diff line number Diff line change
@@ -19,9 +19,9 @@ class OAEDashboard extends PageViewElement {

render() {
return html`
<section class="hero is-link is-fullheight">
<div class="hero-body">
<div class="container is-fluid is-fullheight is-mobile">
<section class="hero is-primary is-fullheight">
<div class="hero-body is-fullheight">
<div class="container content-dashboard is-fluid">
<div class="columns dasboard">
<div class="column is-narrow sidebar">
<sidebar-nav></sidebar-nav>
@@ -40,24 +40,24 @@ class OAEDashboard extends PageViewElement {
<li>Dashboard</li>
</ul>
</section>
<nav class="level">
<!-- Left side -->
<div class="level-left">
<div class="level-item">
<span class="dashboard-icon">
<iron-icon icon="icons:update"></iron-icon>
</span>
<h3>Recent Activity</h3>
</div>
<nav class="level">
<!-- Left side -->
<div class="level-left">
<div class="level-item">
<span class="dashboard-icon">
<iron-icon icon="icons:update"></iron-icon>
</span>
<h3>Recent Activity</h3>
</div>
<!-- Right side -->
<div class="level-right">
<div class="buttons">
<button class="button filter-feed filter-active-feed">Most Recent</button>
<button class="button filter-feed">Oldest</button>
</div>
</div>
<!-- Right side -->
<div class="level-right">
<div class="buttons">
<button class="button filter-feed filter-active-feed">Most Recent</button>
<button class="button filter-feed">Oldest</button>
</div>
</nav>
</div>
</nav>
<news-feed></news-feed>
<news-feed></news-feed>
<news-feed></news-feed>
4 changes: 4 additions & 0 deletions style/dashboard.scss
View file
Original file line number Diff line number Diff line change
@@ -6,4 +6,8 @@ h3 {
.dashboard-icon {
color: #212121;
margin-right: 0.8em;
}

.content-dashboard {
position: absolute;
}