Extend the list header top border to the edge of the box

With border board lists (those created from labels) the top border created bad visual artifacts with the .board-inner gray border. With this change the colored border overflows the padding-box of .board-inner and extends to the edges. It works very well with most colors, excepts for very light ones (such as `#ff0` yellow for instance).

Extend the list header top border to the edge of the box
e19d4ce2 · Pier Paolo Ramon · 86016960 · e19d4ce2
Commit e19d4ce2 authored Dec 02, 2016 by Pier Paolo Ramon
Show whitespace changes
Inline Side-by-side

Showing with 6 additions and 0 deletions

boards.scss app/assets/stylesheets/pages/boards.scss +6 -0

No files found.
--- a/app/assets/stylesheets/pages/boards.scss
+++ b/app/assets/stylesheets/pages/boards.scss
@@ -109,6 +109,12 @@

  &.has-border {
    border-top: 3px solid;
+    margin-top: -1px;
+    margin-right: -1px;
+    margin-left: -1px;
+    padding-top: 1px;
+    padding-right: 1px;
+    padding-left: 1px;

    .board-title {
      padding-top: ($gl-padding - 3px);