Mirrors/astuto
1
0
Fork 0
mirror of https://github.com/astuto/astuto.git synced 2025-12-15 11:17:49 +01:00
Code Issues Packages Projects Releases Wiki Activity

Improve style pt. 3 (breakpoints)

Browse Source
This commit is contained in:
riggraz
2019-09-19 19:06:22 +02:00
parent 98b8d53ad0
commit 494983efc6
3 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
app/javascript/stylesheets/components/Board.scss
View File

@@ -16,7 +16,7 @@
} }
} }
@media (max-width: 800px) { @include media-breakpoint-down(sm) {
flex-direction: column; flex-direction: column;
.sidebar { .sidebar {
@@ -24,10 +24,10 @@
width: 100%; width: 100%;
top: 0; top: 0;
.sidebarBox { .sidebarBox { width: 100%; }
width: 100%;
}
} }
.postList { width: 100%; }
} }
.newBoardContainer { .newBoardContainer {

2
app/javascript/stylesheets/components/Roadmap.scss
View File

@@ -13,7 +13,7 @@
width: 32%; width: 32%;
background-color: $astuto-grey; background-color: $astuto-grey;
@media (max-width: 800px) { @include media-breakpoint-down(sm) {
width: 100%; width: 100%;
} }
} }

2
app/views/layouts/_header.html.erb
View File

@@ -1,4 +1,4 @@
<nav class="navbar navbar-expand-lg navbar-light"> <nav class="navbar navbar-expand-md navbar-light">
<div class="container"> <div class="container">
<%= link_to 'Astuto', root_path, class: 'navbar-brand' %> <%= link_to 'Astuto', root_path, class: 'navbar-brand' %>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">