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

Improve style consistency

Browse Source
This commit is contained in:
riggraz
2019-09-27 11:40:33 +02:00
parent f744c497a2
commit e1d8dbc281
12 changed files with 19 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
app/controllers/posts_controller.rb
View File

@@ -29,6 +29,7 @@ class PostsController < ApplicationController
def show def show
@post = Post.find(params[:id]) @post = Post.find(params[:id])
@post_statuses = PostStatus.select(:id, :name, :color).order(order: :asc) @post_statuses = PostStatus.select(:id, :name, :color).order(order: :asc)
@board = @post.board
respond_to do |format| respond_to do |format|
format.html format.html

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

@@ -77,7 +77,7 @@
@extend .my-3; @extend .my-3;
display: block; display: block;
color: black; color: $astuto-black;
&:hover { text-decoration: none; } &:hover { text-decoration: none; }
} }

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

@@ -55,7 +55,7 @@
font-size: 14px; font-size: 14px;
.commentReplyButton { .commentReplyButton {
color: #333; color: $astuto-black;
&:hover { &:hover {
text-decoration: underline; text-decoration: underline;

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

@@ -54,7 +54,7 @@
@extend @extend
.my-3; .my-3;
color: #333; color: $astuto-black;
} }
} }
} }

1
app/javascript/stylesheets/constants/_colors.scss
View File

@@ -1,2 +1,3 @@
$astuto-black: #333;
$astuto-grey: rgba(178, 178, 178, 0.15); $astuto-grey: rgba(178, 178, 178, 0.15);
$muted-text-color: #6c757d; $muted-text-color: #6c757d;

4
app/javascript/stylesheets/general/_components.scss
View File

@@ -1,5 +1,5 @@
a { a {
color: #333; color: $astuto-black;
&:hover { color: inherit; } &:hover { color: inherit; }
} }
@@ -10,7 +10,7 @@ a {
box-shadow: 0 1px 1px rgba(0,0,0,0.15), 0 1px 1px rgba(0,0,0,0.15); box-shadow: 0 1px 1px rgba(0,0,0,0.15), 0 1px 1px rgba(0,0,0,0.15);
transition: all 0.3s cubic-bezier(.25,.8,.25,1); transition: all 0.3s cubic-bezier(.25,.8,.25,1);
color: #333; color: $astuto-black;
padding: 8px; padding: 8px;
} }

2
app/javascript/stylesheets/general/_custom_texts.scss
View File

@@ -22,7 +22,7 @@
@extend @extend
.text-secondary, .text-secondary,
.text-uppercase, .text-uppercase,
.font-weight-lighter; .font-weight-light;
font-size: 13px; font-size: 13px;
} }

2
app/javascript/stylesheets/general/_form.scss
View File

@@ -33,5 +33,5 @@
margin-top: 24px; margin-top: 24px;
a { color: #333; } a { color: $astuto-black; }
} }

6
app/javascript/stylesheets/general/_header.scss
View File

@@ -45,7 +45,7 @@
.fullname { .fullname {
vertical-align: middle; vertical-align: middle;
color: black; color: $astuto-black;
} }
.dropdown-toggle::after { .dropdown-toggle::after {
@@ -59,4 +59,8 @@
.navbar-toggler[aria-expanded="true"] { .navbar-toggler[aria-expanded="true"] {
background-color: $astuto-grey; background-color: $astuto-grey;
} }
.dropdown-item:active {
background-color: $astuto-black;
}
} }

47
app/javascript/stylesheets/general/_icons.scss
View File

@@ -1,47 +0,0 @@
/* General setup */
span.icon {
margin: 4px;
background-color: white;
border: 2px solid black;
display: inline-block;
position: relative;
vertical-align: top;
}
span.icon:after,
span.icon:before {
background: white;
border: 2px solid black;
content: '';
position: absolute;
}
/* Comment icon */
span.comment {
border-radius: 4px;
width: 22px;
height: 14px;
}
span.comment:after,
span.comment:before {
background: none;
border-bottom: 6px solid transparent;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid black;
bottom: -14px;
height: 0;
left: 4px;
width: 0;
}
span.comment:before {
border-top-color: white;
bottom: -11px;
z-index: 1;
}
span.comment:hover:after {
background: none;
}
span.comment:hover:before {
background: none;
border-top-color: #ffe;
}

5
app/javascript/stylesheets/general/_index.scss
View File

@@ -7,6 +7,11 @@
max-width: 920px; max-width: 920px;
} }
.turbolinks-progress-bar {
background-color: $astuto-black;
height: 2px;
}
.gravatar { .gravatar {
border-radius: 16px; border-radius: 16px;
} }

1
app/javascript/stylesheets/main.scss
View File

@@ -6,7 +6,6 @@
@import 'general/custom_texts'; @import 'general/custom_texts';
@import 'general/form'; @import 'general/form';
@import 'general/header'; @import 'general/header';
@import 'general/icons';
@import 'general/index'; @import 'general/index';
/* Components */ /* Components */