diff options
Diffstat (limited to 'web_src/less/_dashboard.less')
| -rw-r--r-- | web_src/less/_dashboard.less | 332 |
1 files changed, 166 insertions, 166 deletions
diff --git a/web_src/less/_dashboard.less b/web_src/less/_dashboard.less index 548cdf492f..318e9934a3 100644 --- a/web_src/less/_dashboard.less +++ b/web_src/less/_dashboard.less @@ -1,210 +1,210 @@ .dashboard { - padding-top: 15px; + padding-top: 15px; + + &.feeds, + &.issues { + .context.user.menu { + z-index: 101; + min-width: 200px; + + .ui.header { + font-size: 1rem; + text-transform: none; + } + } - &.feeds, - &.issues { - .context.user.menu { - z-index: 101; - min-width: 200px; + .filter.menu { + width: initial; - .ui.header { - font-size: 1rem; - text-transform: none; - } - } + .item { + text-align: left; - .filter.menu { - width: initial; - - .item { - text-align: left; - - .text { - height: 16px; - vertical-align: middle; - - &.truncate { - width: 75%; - } - } - - .floating.label { - top: 7px; - left: 90%; - width: 15%; - - @media only screen and (max-width: 768px) { - top: 10px; - left: auto; - width: auto; - right: 13px; - } - } - } + .text { + height: 16px; + vertical-align: middle; - // Sort - .jump.item { - margin: 1px; - padding-right: 0; - } + &.truncate { + width: 75%; + } + } - .menu { - max-height: 300px; - overflow-x: auto; - right: 0 !important; - left: auto !important; - } + .floating.label { + top: 7px; + left: 90%; + width: 15%; - @media only screen and (max-width: 768px) { - width: 100%; - } + @media only screen and (max-width: 768px) { + top: 10px; + left: auto; + width: auto; + right: 13px; + } } + } - .right.stackable.menu > .item.active { - color: #d9453d; - } - } + // Sort + .jump.item { + margin: 1px; + padding-right: 0; + } - /* Accomodate for Semantic's 1px hacks on .attached elements */ + .menu { + max-height: 300px; + overflow-x: auto; + right: 0 !important; + left: auto !important; + } - .dashboard-repos { - margin: 0 1px; + @media only screen and (max-width: 768px) { + width: 100%; + } } - .dashboard-navbar { - width: 100vw; - padding: 0 .5rem; + .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 .5rem; + } } &.feeds { - .news { + .news { - li { - display: flex; - align-items: baseline; - margin-top: .5rem; - margin-bottom: .5rem; + li { + display: flex; + align-items: baseline; + margin-top: .5rem; + margin-bottom: .5rem; - img { - align-self: flex-start; - } - } - li > * + * { - margin-left: .35rem; - } + img { + align-self: flex-start; + } + } + li > * + * { + margin-left: .35rem; + } - line-height: 1.2; + line-height: 1.2; - > .ui.grid { - margin-left: auto; - margin-right: auto; - } + > .ui.grid { + margin-left: auto; + margin-right: auto; + } - .ui.avatar { - margin-top: 13px; - } + .ui.avatar { + margin-top: 13px; + } - .time-since { - font-size: 13px; - } + .time-since { + font-size: 13px; + } - .issue.title { - width: 80%; - } + .issue.title { + width: 80%; + } - .push.news .content ul { - line-height: 18px; - font-size: 13px; - list-style: none; - padding-left: 10px; + .push.news .content ul { + line-height: 18px; + font-size: 13px; + list-style: none; + padding-left: 10px; - .text.truncate { - width: 80%; - } - } + .text.truncate { + width: 80%; + } + } - .commit-id { - font-family: @monospaced-fonts, monospace; - } + .commit-id { + font-family: @monospaced-fonts, monospace; + } - code { - padding: 1px; - font-size: 85%; - background-color: rgba(0, 0, 0, .04); - border-radius: 3px; - word-break: break-all; - } + code { + padding: 1px; + font-size: 85%; + background-color: rgba(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; + } } - .list { - .header { - .ui.label { - margin-top: -4px; - padding: 4px 5px; - font-weight: normal; - } + ul { + list-style: none; + margin: 0; + padding-left: 0; - .plus.icon { - margin-top: 5px; - } + li { + &:not(:last-child) { + border-bottom: 1px solid #ebebeb; } - 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; + &.private { + background-color: #fcf8e9; + } - .svg { - color: #888888; + a { + padding: 6px 1.2em; + display: block; - &.rear { - font-size: 15px; - } - } + .svg { + color: #888888; - .star-num { - font-size: 12px; - } - } + &.rear { + font-size: 15px; } - } + } - #privateFilterCheckbox .svg { - color: #888888; - margin-right: .25rem; + .star-num { + font-size: 12px; + } } + } + } - .repo-owner-name-list { - .item-name { - max-width: 70%; - margin-bottom: -4px; - } - } + #privateFilterCheckbox .svg { + color: #888888; + margin-right: .25rem; + } - #collaborative-repo-list { - .owner-and-repo { - max-width: 80%; - margin-bottom: -5px; - } + .repo-owner-name-list { + .item-name { + max-width: 70%; + margin-bottom: -4px; + } + } - .owner-name { - max-width: 120px; - margin-bottom: -5px; - } - } + #collaborative-repo-list { + .owner-and-repo { + max-width: 80%; + margin-bottom: -5px; + } + + .owner-name { + max-width: 120px; + margin-bottom: -5px; + } } + } } |