1 files changed, 192 insertions, 0 deletions
diff --git a/web_src/less/_dashboard.less b/web_src/less/_dashboard.less
new file mode 100644
index 0000000000..8749fb8802
--- /dev/null
+++ b/web_src/less/_dashboard.less
@@ -0,0 +1,192 @@
+.dashboard {
+    padding-top: 15px;
+
+    &.feeds,
+    &.issues {
+        .context.user.menu {
+            z-index: 101;
+            min-width: 200px;
+
+            .ui.header {
+                font-size: 1rem;
+                text-transform: none;
+            }
+        }
+
+        .filter.menu {
+            width: initial;
+
+            .item {
+                text-align: left;
+
+                .text {
+                    height: 16px;
+                    vertical-align: middle;
+
+                    &.truncate {
+                        width: 85%;
+                    }
+                }
+
+                .floating.label {
+                    top: 7px;
+                    left: 90%;
+                    width: 15%;
+
+                    @media only screen and (max-width: 768px) {
+                        top: 10px;
+                        left: auto;
+                        width: auto;
+                        right: 13px;
+                    }
+                }
+            }
+
+            // Sort
+            .jump.item {
+                margin: 1px;
+                padding-right: 0;
+            }
+
+            .menu {
+                max-height: 300px;
+                overflow-x: auto;
+                right: 0 !important;
+                left: auto !important;
+            }
+
+            @media only screen and (max-width: 768px) {
+                width: 100%;
+            }
+        }
+
+        .right.stackable.menu > .item.active {
+            color: #d9453d;
+        }
+    }
+
+    /* Accomodate for Semantic's 1px hacks on .attached elements */
+
+    .dashboard-repos {
+        margin: 0 1px;
+    }
+
+    .dashboard-navbar {
+        width: 100vw;
+        padding: 0 0.5rem;
+    }
+}
+
+&.feeds {
+    .news {
+        > .ui.grid {
+            margin-left: auto;
+            margin-right: auto;
+        }
+
+        .ui.avatar {
+            margin-top: 13px;
+        }
+
+        .time-since {
+            font-size: 13px;
+        }
+
+        .issue.title {
+            width: 80%;
+        }
+
+        .push.news .content ul {
+            font-size: 13px;
+            list-style: none;
+            padding-left: 10px;
+
+            img {
+                margin-bottom: -2px;
+            }
+
+            .text.truncate {
+                width: 80%;
+                margin-bottom: -5px;
+            }
+        }
+
+        .commit-id {
+            font-family: @monospaced-fonts, monospace;
+        }
+
+        code {
+            padding: 1px;
+            font-size: 85%;
+            background-color: rgba(0, 0, 0, 0.04);
+            border-radius: 3px;
+            word-break: break-all;
+        }
+    }
+
+    .list {
+        .header {
+            .ui.label {
+                margin-top: -4px;
+                padding: 4px 5px;
+                font-weight: normal;
+            }
+
+            .plus.icon {
+                margin-top: 5px;
+            }
+        }
+
+        ul {
+            list-style: none;
+            margin: 0;
+            padding-left: 0;
+
+            li {
+                &:not(:last-child) {
+                    border-bottom: 1px solid #ebebeb;
+                }
+
+                &.private {
+                    background-color: #fcf8e9;
+                }
+
+                a {
+                    padding: 6px 1.2em;
+                    display: block;
+
+                    .octicon {
+                        color: #888888;
+
+                        &.rear {
+                            font-size: 15px;
+                        }
+                    }
+
+                    .star-num {
+                        font-size: 12px;
+                    }
+                }
+            }
+        }
+
+        .repo-owner-name-list {
+            .item-name {
+                max-width: 70%;
+                margin-bottom: -4px;
+            }
+        }
+
+        #collaborative-repo-list {
+            .owner-and-repo {
+                max-width: 80%;
+                margin-bottom: -5px;
+            }
+
+            .owner-name {
+                max-width: 120px;
+                margin-bottom: -5px;
+            }
+        }
+    }
+}