Commit 6ed5d9bc1149a25cd61fef6171e4b4a36474149a
1 parent
1ed83184
Exists in
master
and in
4 other branches
dashboard/projects page project selection ui improved
Showing
1 changed file
with
14 additions
and
7 deletions
Show diff stats
app/assets/stylesheets/common.scss
@@ -855,8 +855,6 @@ p.time { | @@ -855,8 +855,6 @@ p.time { | ||
855 | .dashboard_category { | 855 | .dashboard_category { |
856 | margin-bottom:30px; | 856 | margin-bottom:30px; |
857 | 857 | ||
858 | - | ||
859 | - | ||
860 | h3 a { | 858 | h3 a { |
861 | color:#474D57; | 859 | color:#474D57; |
862 | 860 | ||
@@ -864,6 +862,7 @@ p.time { | @@ -864,6 +862,7 @@ p.time { | ||
864 | text-decoration:underline; | 862 | text-decoration:underline; |
865 | } | 863 | } |
866 | } | 864 | } |
865 | + | ||
867 | .dashboard_block { | 866 | .dashboard_block { |
868 | width:840px; | 867 | width:840px; |
869 | margin:auto; | 868 | margin:auto; |
@@ -871,9 +870,17 @@ p.time { | @@ -871,9 +870,17 @@ p.time { | ||
871 | .dash_project_item { | 870 | .dash_project_item { |
872 | margin-bottom:10px; | 871 | margin-bottom:10px; |
873 | border:none; | 872 | border:none; |
873 | + padding:0px 5px; | ||
874 | + | ||
874 | &:hover { | 875 | &:hover { |
875 | - background:none; | ||
876 | - h4 { color:#2FA0BB; } | 876 | + background:$hover; |
877 | + //border-left:4px solid $styled_border_color; | ||
878 | + h4 { | ||
879 | + color:#111; | ||
880 | + .ico.project { | ||
881 | + background-position:-209px -21px; | ||
882 | + } | ||
883 | + } | ||
877 | } | 884 | } |
878 | 885 | ||
879 | h4 { | 886 | h4 { |
@@ -933,7 +940,6 @@ p.time { | @@ -933,7 +940,6 @@ p.time { | ||
933 | } | 940 | } |
934 | 941 | ||
935 | .leftbar { | 942 | .leftbar { |
936 | - | ||
937 | h5, .title { | 943 | h5, .title { |
938 | padding:5px 10px; | 944 | padding:5px 10px; |
939 | } | 945 | } |
@@ -949,7 +955,7 @@ p.time { | @@ -949,7 +955,7 @@ p.time { | ||
949 | a:hover { | 955 | a:hover { |
950 | h4 { | 956 | h4 { |
951 | color:#111; | 957 | color:#111; |
952 | - border-right:4px solid $styled_border_color; | 958 | + background:$hover; |
953 | .ico.project { | 959 | .ico.project { |
954 | background-position:-209px -21px; | 960 | background-position:-209px -21px; |
955 | } | 961 | } |
@@ -1073,7 +1079,8 @@ p.time { | @@ -1073,7 +1079,8 @@ p.time { | ||
1073 | .arrow{ | 1079 | .arrow{ |
1074 | float: right; | 1080 | float: right; |
1075 | background: #E3E5EA; | 1081 | background: #E3E5EA; |
1076 | - padding: 10px; | 1082 | + padding: 5px; |
1083 | + margin-top:5px; | ||
1077 | border-radius: 5px; | 1084 | border-radius: 5px; |
1078 | text-shadow: none; | 1085 | text-shadow: none; |
1079 | color: #999; | 1086 | color: #999; |