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

Commit

Permalink
fix: responsiveness
Browse files Browse the repository at this point in the history
  • Loading branch information
@RitaOak
RitaOak committed May 27, 2020
1 parent c5e5c91 commit 1b3cbfb
Show file tree
Hide file tree
Showing 5 changed files with 23 additions and 20 deletions.
13 changes: 8 additions & 5 deletions src/components/dashboard.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -20,17 +20,20 @@ class OAEDashboard extends PageViewElement {
render() {
return html`
<section class="hero is-fullheight">
<div class="hero-body is-fullheight">
<!-- Hero head: will stick at the top -->
<div class="hero-head">
<top-nav></top-nav>
</div>
<!-- Hero content: will be in the middle -->
<div class="hero-body">
<div class="container content-wrapResponsive is-fluid">
<div class="columns dasboard">
<div class="column is-narrow sidebar is-fullheight">
<sidebar-nav2></sidebar-nav2>
<sidebar-nav></sidebar-nav>
</div>
<div class="column content-base">
<div class=" column content-wrap">
<div class="column top-nav">
<top-nav2></top-nav2>
</div>
<div class=" columns is-flex main-content">
<div class="column is-three-fifths main-left">
<section class="column activity-dashboard">
Expand Down
13 changes: 7 additions & 6 deletions src/components/groups.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -20,17 +20,18 @@ class OAEGroups extends PageViewElement {
render() {
return html`
<section class="hero is-fullheight">
<div class="hero-body is-fullheight">
<div class="hero-head">
<top-nav></top-nav>
</div>
<div class="hero-body">
<div class="container content-wrapResponsive is-fluid">
<div class="columns dasboard">
<div class="column is-narrow sidebar">
<sidebar-nav2></sidebar-nav2>
<sidebar-nav></sidebar-nav>
</div>
<div class="column content-base">
<div class=" column content-wrap">
<div class="column top-nav">
<top-nav2></top-nav2>
</div>
<div class=" columns is-flex main-content">
<div class="column is-three-fifths">
<section class="is-flex">
Expand Down Expand Up @@ -61,7 +62,7 @@ class OAEGroups extends PageViewElement {
<news-feed></news-feed>
<news-feed></news-feed>
</div>
<div class="column">
<div class="column is-one-fifth">
<groups-about></groups-about>
</div>
</div>
Expand Down
14 changes: 8 additions & 6 deletions src/components/library.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -21,19 +21,21 @@ class OAELibrary extends PageViewElement {
render() {
return html`
<section class="hero is-fullheight">
<div class="hero-body is-fullheight">
<div class="hero-head">
<top-nav></top-nav>
</div>
<!-- Hero head: will stick at the top -->
<div class="hero-body">
<div class="container content-wrapResponsive is-fluid">
<div class="columns dasboard">
<div class="column is-narrow sidebar">
<sidebar-nav2></sidebar-nav2>
<sidebar-nav></sidebar-nav>
</div>
<div class="column content-base">
<div class=" column content-wrap">
<div class="column top-nav">
<top-nav2></top-nav2>
</div>
<div class=" columns is-flex main-content">
<div class="column is-four-fifths main-left">
<div class="column is-two-thirds main-left">
<section class="column activity-dashboard">
<section class="is-flex">
<ul class="breadcrumb">
Expand Down
2 changes: 0 additions & 2 deletions src/components/my-view1.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -75,8 +75,6 @@ class MyView1 extends PageViewElement {
</div>
</div>
</div>
</section>
`;
}
Expand Down
1 change: 0 additions & 1 deletion style/app.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -97,7 +97,6 @@ body {
.hero-body {
margin: 0;
padding: 0;
//background-color: #fafafa;
}

.content-wrapResponsive {
Expand Down

1 comment on commit 1b3cbfb

@datreeio
Copy link

@datreeio datreeio bot commented on 1b3cbfb May 27, 2020

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

❌ 6 / 1 Rules Failed

:octocat: Ensure a .gitignore file is included in project

Please sign in to comment.