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

Refactor stylesheets

Browse Source
This commit is contained in:
riggraz
2019-09-02 19:59:55 +02:00
parent 86286b634d
commit 66dde5ee91
15 changed files with 139 additions and 155 deletions
Download Patch File Download Diff File Expand all files Collapse all files

77
app/javascript/stylesheets/components/Board/Board.scss → app/javascript/stylesheets/components/Board.scss
View File

@@ -73,6 +73,7 @@
.postLink {
text-decoration: none;
border-radius: 4px;
margin: 8px 0;
}
.postLink:hover {
@@ -86,46 +87,46 @@
justify-content: space-between;
height: 114px;
margin: 4px 0;
margin: 0;
padding: 8px 4px;
}
.postTitle {
color: black;
font-weight: 500;
font-size: 17px;
}
.postDescription {
color: grey;
font-weight: 400;
font-size: 15px;
}
.postDetails {
display: flex;
color: black;
font-size: 16px;
text-transform: uppercase;
.postDetailsComments {
margin-right: 16px;
}
.postDetailsStatus {
display: flex;
}
.dot {
width: 16px;
height: 16px;
border-radius: 100%;
.postTitle {
color: black;
font-weight: 500;
font-size: 18px;
}
.postDescription {
color: grey;
font-weight: 400;
font-size: 15px;
}
.postDetails {
display: flex;
color: black;
font-size: 16px;
text-transform: uppercase;
}
.postDetailsComments {
margin-right: 16px;
}
.postDetailsStatus {
display: flex;
}
.dot {
width: 16px;
height: 16px;
border-radius: 100%;
margin-top: auto;
margin-bottom: auto;
margin-right: 4px;
margin-top: auto;
margin-bottom: auto;
margin-right: 4px;
}
}
}
}
}

87
app/javascript/stylesheets/components/Roadmap.scss Normal file
View File

@@ -0,0 +1,87 @@
.roadmapColumns {
display: flex;
flex: 1 1 auto;
justify-content: space-between;
align-items: flex-start;
flex-wrap: wrap;
@media (max-width: 800px) {
.roadmapColumn {
width: 100%;
}
}
@media (min-width: 801px) {
.roadmapColumn {
width: 32%;
}
}
.roadmapColumn {
border-width: 1px;
border-style: solid;
border-radius: 4px;
margin: 8px 0;
padding: 8px;
.columnHeader {
display: flex;
align-items: center;
padding-bottom: 4px;
border-bottom-style: solid;
border-bottom-width: 1px;
margin-bottom: 8px;
}
.dot {
width: 16px;
height: 16px;
border-radius: 100%;
}
.columnTitle {
margin: 0 8px;
font-weight: 700;
}
.scrollContainer {
overflow-y: auto;
max-height: 350px;
.postList {
display: flex;
flex-direction: column;
.postLink {
text-decoration: none;
border-radius: 4px;
}
.postLink:hover {
text-decoration: none;
background-color: #f5f5f5;
}
.postListItem {
margin: 4px 0;
padding: 8px 4px;
}
.postTitle {
color: black;
font-weight: 500;
font-size: 17px;
}
.postBoard {
color: grey;
font-weight: 400;
font-size: 14px;
text-transform: uppercase;
}
}
}
}
}

4
app/javascript/stylesheets/components/Roadmap/PostList.scss
View File

@@ -1,4 +0,0 @@
.postList {
display: flex;
flex-direction: column;
}

46
app/javascript/stylesheets/components/Roadmap/PostListByPostStatus.scss
View File

@@ -1,46 +0,0 @@
@media (max-width: 800px) {
.roadmapColumn {
width: 100%;
}
}
@media (min-width: 801px) {
.roadmapColumn {
width: 32%;
}
}
.roadmapColumn {
border-width: 1px;
border-style: solid;
border-radius: 4px;
margin: 8px 0;
padding: 8px;
}
.columnHeader {
display: flex;
align-items: center;
padding-bottom: 4px;
border-bottom-style: solid;
border-bottom-width: 1px;
margin-bottom: 8px;
}
.dot {
width: 16px;
height: 16px;
border-radius: 100%;
}
.columnTitle {
margin: 0 8px;
font-weight: 700;
}
.scrollContainer {
overflow-y: auto;
max-height: 350px;
}

26
app/javascript/stylesheets/components/Roadmap/PostListItem.scss
View File

@@ -1,26 +0,0 @@
.postLink {
text-decoration: none;
border-radius: 4px;
}
.postLink:hover {
text-decoration: none;
background-color: #f5f5f5;
}
.postListItem {
margin: 4px 0;
padding: 8px 4px;
}
.postTitle {
color: black;
font-weight: 500;
font-size: 17px;
}
.postBoard {
color: grey;
font-weight: 400;
font-size: 14px;
}

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

@@ -1,7 +0,0 @@
.roadmapColumns {
display: flex;
flex: 1 1 auto;
justify-content: space-between;
align-items: flex-start;
flex-wrap: wrap;
}