|
|
|
@ -1,6 +1,6 @@
|
|
|
|
|
/* ==UserStyle== |
|
|
|
|
@name Gitea Modern |
|
|
|
|
@version 1.0.6 |
|
|
|
|
@version 1.0.10 |
|
|
|
|
@description A modern style for Gitea and Codeberg! |
|
|
|
|
@updateURL https://codeberg.org/Freeplay/CSS-Styles/raw/branch/main/Gitea/theme-gitea-modern.user.css |
|
|
|
|
@homepageURL https://codeberg.org/Freeplay/CSS-Styles |
|
|
|
@ -21,6 +21,7 @@
|
|
|
|
|
html.theme-gitea, |
|
|
|
|
html.theme-arc-green { |
|
|
|
|
--fonts-override: var(--fonts-regular); |
|
|
|
|
accent-color: var(--color-primary); |
|
|
|
|
} |
|
|
|
|
a[rel*="nofollow"]:not(.ui):hover, |
|
|
|
|
.link:not(.ui):hover, |
|
|
|
@ -128,7 +129,7 @@
|
|
|
|
|
align-items: center !important; |
|
|
|
|
display: flex !important; |
|
|
|
|
} |
|
|
|
|
.three.column .column .small, |
|
|
|
|
.three.column .column .small:not(.modal), |
|
|
|
|
.three.column .column a { |
|
|
|
|
max-height: 40px !important; |
|
|
|
|
min-height: unset; |
|
|
|
@ -360,6 +361,37 @@
|
|
|
|
|
.ui.tabular.menu:not(.borderless) > .item.active:first-child::before { |
|
|
|
|
content: none !important; |
|
|
|
|
} |
|
|
|
|
.ui.secondary.pointing.menu { |
|
|
|
|
background: none !important; |
|
|
|
|
} |
|
|
|
|
.ui.secondary.pointing.menu .new-menu-inner { |
|
|
|
|
width: 1150px; |
|
|
|
|
padding: 0 20px; |
|
|
|
|
} |
|
|
|
|
.ui.secondary.pointing.menu .item { |
|
|
|
|
border: none; |
|
|
|
|
} |
|
|
|
|
.ui.secondary.pointing.menu .active { |
|
|
|
|
position: relative; |
|
|
|
|
} |
|
|
|
|
.ui.secondary.pointing.menu .active::before { |
|
|
|
|
all: unset; |
|
|
|
|
content: ""; |
|
|
|
|
position: absolute; |
|
|
|
|
left: 0; |
|
|
|
|
right: 0; |
|
|
|
|
bottom: 0; |
|
|
|
|
height: 2px; |
|
|
|
|
background-color: var(--color-primary) !important; |
|
|
|
|
display: flex !important; |
|
|
|
|
opacity: 0.7; |
|
|
|
|
} |
|
|
|
|
.ui.secondary.pointing.menu .item:last-child { |
|
|
|
|
padding-right: 1.14286em !important; |
|
|
|
|
} |
|
|
|
|
.ui.secondary.pointing.menu::after { |
|
|
|
|
content: unset !important; |
|
|
|
|
} |
|
|
|
|
.repository .filter.menu .menu { |
|
|
|
|
max-height: 80vh; |
|
|
|
|
width: max-content !important; |
|
|
|
@ -386,7 +418,7 @@
|
|
|
|
|
align-items: center; |
|
|
|
|
z-index: 99999; |
|
|
|
|
} |
|
|
|
|
#navbar { |
|
|
|
|
.following.bar #navbar { |
|
|
|
|
padding: 0 calc(2px + 1%) !important; |
|
|
|
|
background: none !important; |
|
|
|
|
max-width: 100rem; |
|
|
|
@ -394,8 +426,8 @@
|
|
|
|
|
min-height: var(--min-height) !important; |
|
|
|
|
margin: auto; |
|
|
|
|
} |
|
|
|
|
#navbar > .item:not(.brand), |
|
|
|
|
#navbar > .right > .item { |
|
|
|
|
.following.bar #navbar > .item:not(.brand), |
|
|
|
|
.following.bar #navbar > .right > .item { |
|
|
|
|
color: var(--color-text-dark) !important; |
|
|
|
|
font-size: 1rem !important; |
|
|
|
|
font-weight: 600; |
|
|
|
@ -410,38 +442,38 @@
|
|
|
|
|
box-sizing: border-box; |
|
|
|
|
transition: border 0.5s, padding 0.7s; |
|
|
|
|
} |
|
|
|
|
#navbar > .item:not(.brand) > span, |
|
|
|
|
#navbar > .right > .item > span { |
|
|
|
|
.following.bar #navbar > .item:not(.brand) > span, |
|
|
|
|
.following.bar #navbar > .right > .item > span { |
|
|
|
|
height: 100%; |
|
|
|
|
display: flex; |
|
|
|
|
align-items: center; |
|
|
|
|
} |
|
|
|
|
#navbar > .item:not(.brand):hover, |
|
|
|
|
#navbar > .right > .item:hover, |
|
|
|
|
#navbar > .item:not(.brand).active, |
|
|
|
|
#navbar > .right > .item.active, |
|
|
|
|
#navbar > .item:not(.brand):focus, |
|
|
|
|
#navbar > .right > .item:focus { |
|
|
|
|
.following.bar #navbar > .item:not(.brand):hover, |
|
|
|
|
.following.bar #navbar > .right > .item:hover, |
|
|
|
|
.following.bar #navbar > .item:not(.brand).active, |
|
|
|
|
.following.bar #navbar > .right > .item.active, |
|
|
|
|
.following.bar #navbar > .item:not(.brand):focus, |
|
|
|
|
.following.bar #navbar > .right > .item:focus { |
|
|
|
|
border-bottom: 1px solid var(--color-primary); |
|
|
|
|
transition: border 0.1s; |
|
|
|
|
outline: none; |
|
|
|
|
} |
|
|
|
|
#navbar .item.brand { |
|
|
|
|
.following.bar #navbar .item.brand { |
|
|
|
|
padding: 0 !important; |
|
|
|
|
min-height: var(--min-height) !important; |
|
|
|
|
margin-right: calc(-30px + 2%) !important; |
|
|
|
|
} |
|
|
|
|
#navbar .item.brand a { |
|
|
|
|
.following.bar #navbar .item.brand a { |
|
|
|
|
width: 35px; |
|
|
|
|
height: 35px; |
|
|
|
|
margin-right: 20px; |
|
|
|
|
background-position: center; |
|
|
|
|
} |
|
|
|
|
#navbar .item.brand a img { |
|
|
|
|
.following.bar #navbar .item.brand a img { |
|
|
|
|
width: 100%; |
|
|
|
|
height: 100%; |
|
|
|
|
} |
|
|
|
|
#navbar .right { |
|
|
|
|
.following.bar #navbar .right { |
|
|
|
|
position: sticky; |
|
|
|
|
right: 1%; |
|
|
|
|
background-color: var(--color-navbar); |
|
|
|
@ -450,17 +482,17 @@
|
|
|
|
|
min-width: max-content; |
|
|
|
|
justify-content: flex-end; |
|
|
|
|
} |
|
|
|
|
#navbar .right > .item { |
|
|
|
|
.following.bar #navbar .right > .item { |
|
|
|
|
padding: 0 10px; |
|
|
|
|
} |
|
|
|
|
#navbar .right > .item > .text { |
|
|
|
|
.following.bar #navbar .right > .item > .text { |
|
|
|
|
display: flex; |
|
|
|
|
align-items: center; |
|
|
|
|
} |
|
|
|
|
#navbar .right > .item > .text span:not(.fitted) { |
|
|
|
|
.following.bar #navbar .right > .item > .text span:not(.fitted) { |
|
|
|
|
margin-left: 10px; |
|
|
|
|
} |
|
|
|
|
#navbar .right > .item > .text img ~ .fitted { |
|
|
|
|
.following.bar #navbar .right > .item > .text img ~ .fitted { |
|
|
|
|
margin-left: 4px; |
|
|
|
|
} |
|
|
|
|
@media only screen and (min-width: 850px) { |
|
|
|
@ -930,6 +962,28 @@
|
|
|
|
|
.page-content.repository:not(.milestones) > .ui.container .sticky-2nd-row { |
|
|
|
|
box-shadow: 0 -2px 0 2px var(--color-body); |
|
|
|
|
} |
|
|
|
|
.page-content.repository:not(.milestones) > .ui.container .comment { |
|
|
|
|
border-radius: 100px; |
|
|
|
|
} |
|
|
|
|
.page-content.repository:not(.milestones) > .ui.container .comment .reactions { |
|
|
|
|
border: 0 !important; |
|
|
|
|
padding: 0 1em; |
|
|
|
|
margin-top: -0.4em !important; |
|
|
|
|
padding-bottom: 0.4em !important; |
|
|
|
|
} |
|
|
|
|
.page-content.repository:not(.milestones) > .ui.container .comment .reactions > a { |
|
|
|
|
padding: 4px 8px !important; |
|
|
|
|
margin-right: 0.5em; |
|
|
|
|
margin-bottom: 0.5em; |
|
|
|
|
border: 1px solid var(--color-secondary); |
|
|
|
|
border-radius: calc(var(--base-border-radius) * 2); |
|
|
|
|
} |
|
|
|
|
.page-content.repository:not(.milestones) > .ui.container .comment .reactions > a .reaction { |
|
|
|
|
font-size: 1em; |
|
|
|
|
} |
|
|
|
|
.page-content.repository:not(.milestones) > .ui.container .comment .reactions .select-reaction { |
|
|
|
|
padding: 0 !important; |
|
|
|
|
} |
|
|
|
|
.page-content.repository:not(.milestones) > .ui.container .ui.grid > .eleven { |
|
|
|
|
margin-left: 1rem; |
|
|
|
|
} |
|
|
|
@ -1761,6 +1815,7 @@
|
|
|
|
|
border-radius: var(--base-border-radius) var(--base-border-radius) 0 0; |
|
|
|
|
padding: 12px 12px !important; |
|
|
|
|
position: relative; |
|
|
|
|
overflow: hidden; |
|
|
|
|
} |
|
|
|
|
.ui.container > .news + .news, |
|
|
|
|
.feeds > .news + .news { |
|
|
|
@ -1801,6 +1856,7 @@
|
|
|
|
|
margin: 0 !important; |
|
|
|
|
padding: 0 !important; |
|
|
|
|
padding-top: 1px !important; |
|
|
|
|
min-height: 31px; |
|
|
|
|
} |
|
|
|
|
.ui.container > .news .ui.grid > .column, |
|
|
|
|
.feeds > .news .ui.grid > .column { |
|
|
|
@ -1811,11 +1867,17 @@
|
|
|
|
|
.feeds > .news .ui.grid > .column > div { |
|
|
|
|
display: flex; |
|
|
|
|
flex-wrap: wrap; |
|
|
|
|
min-height: 60px; |
|
|
|
|
min-height: 100%; |
|
|
|
|
} |
|
|
|
|
.ui.container > .news .ui.grid > .column > div > *:first-child, |
|
|
|
|
.feeds > .news .ui.grid > .column > div > *:first-child { |
|
|
|
|
min-width: 100%; |
|
|
|
|
min-width: calc(100% - 200px); |
|
|
|
|
margin-bottom: 0 !important; |
|
|
|
|
} |
|
|
|
|
.ui.container > .news .ui.grid > .column > div > :not(:first-child):not(:last-child), |
|
|
|
|
.feeds > .news .ui.grid > .column > div > :not(:first-child):not(:last-child) { |
|
|
|
|
min-width: calc(100% - 200px); |
|
|
|
|
margin-top: 0.3em; |
|
|
|
|
} |
|
|
|
|
.ui.container > .news .ui.grid > .column > div > *:last-child, |
|
|
|
|
.feeds > .news .ui.grid > .column > div > *:last-child { |
|
|
|
@ -1834,16 +1896,25 @@
|
|
|
|
|
.ui.container > .news .ui.grid > .right.column, |
|
|
|
|
.feeds > .news .ui.grid > .right.column { |
|
|
|
|
position: absolute; |
|
|
|
|
top: 48px; |
|
|
|
|
top: 35px; |
|
|
|
|
left: 0; |
|
|
|
|
width: 52px !important; |
|
|
|
|
width: 53px !important; |
|
|
|
|
text-align: center; |
|
|
|
|
z-index: 2; |
|
|
|
|
} |
|
|
|
|
.ui.container > .news .ui.grid > .right.column svg, |
|
|
|
|
.feeds > .news .ui.grid > .right.column svg { |
|
|
|
|
width: 28px; |
|
|
|
|
height: 28px; |
|
|
|
|
padding: 4px; |
|
|
|
|
width: 26px; |
|
|
|
|
height: 26px; |
|
|
|
|
padding: 3px; |
|
|
|
|
fill: #000 !important; |
|
|
|
|
background-color: var(--color-box-body); |
|
|
|
|
border-radius: 100px; |
|
|
|
|
border: 1px solid var(--color-secondary); |
|
|
|
|
} |
|
|
|
|
.ui.container > .news .ui.grid > .right.column svg path, |
|
|
|
|
.feeds > .news .ui.grid > .right.column svg path { |
|
|
|
|
fill: var(--color-primary); |
|
|
|
|
} |
|
|
|
|
.ui.container > .news .ui.grid .title, |
|
|
|
|
.feeds > .news .ui.grid .title, |
|
|
|
@ -2201,7 +2272,8 @@
|
|
|
|
|
width: 100%; |
|
|
|
|
margin: 12px 6px; |
|
|
|
|
} |
|
|
|
|
.dashboard > .ui.container #app { |
|
|
|
|
.dashboard > .ui.container #app, |
|
|
|
|
.dashboard > .ui.container #dashboard-repo-list { |
|
|
|
|
height: min-content; |
|
|
|
|
position: sticky; |
|
|
|
|
bottom: 0; |
|
|
|
@ -2215,13 +2287,15 @@
|
|
|
|
|
max-width: 100% !important; |
|
|
|
|
flex-shrink: 9999; |
|
|
|
|
} |
|
|
|
|
.dashboard > .ui.container #app > div { |
|
|
|
|
.dashboard > .ui.container #app > div, |
|
|
|
|
.dashboard > .ui.container #dashboard-repo-list > div { |
|
|
|
|
height: 100%; |
|
|
|
|
display: flex; |
|
|
|
|
flex-direction: column; |
|
|
|
|
min-height: calc(100vh - 30px); |
|
|
|
|
} |
|
|
|
|
.dashboard > .ui.container #app::before { |
|
|
|
|
.dashboard > .ui.container #app::before, |
|
|
|
|
.dashboard > .ui.container #dashboard-repo-list::before { |
|
|
|
|
content: ""; |
|
|
|
|
position: absolute; |
|
|
|
|
bottom: -15px; |
|
|
|
@ -2233,15 +2307,18 @@
|
|
|
|
|
background: var(--color-light); |
|
|
|
|
box-shadow: 200vw 0 var(--color-body), inset 0 0 2px rgba(0,0,0,0.2); |
|
|
|
|
} |
|
|
|
|
.dashboard > .ui.container #app codeberg-announcement-widget { |
|
|
|
|
.dashboard > .ui.container #app codeberg-announcement-widget, |
|
|
|
|
.dashboard > .ui.container #dashboard-repo-list codeberg-announcement-widget { |
|
|
|
|
background: none !important; |
|
|
|
|
} |
|
|
|
|
.dashboard > .ui.container #app codeberg-announcement-widget > div { |
|
|
|
|
.dashboard > .ui.container #app codeberg-announcement-widget > div, |
|
|
|
|
.dashboard > .ui.container #dashboard-repo-list codeberg-announcement-widget > div { |
|
|
|
|
margin-top: 0 !important; |
|
|
|
|
margin-right: 0 !important; |
|
|
|
|
margin-bottom: 1rem !important; |
|
|
|
|
} |
|
|
|
|
.dashboard > .ui.container #app .tabable { |
|
|
|
|
.dashboard > .ui.container #app .tabable, |
|
|
|
|
.dashboard > .ui.container #dashboard-repo-list .tabable { |
|
|
|
|
background: none; |
|
|
|
|
margin-right: 0 !important; |
|
|
|
|
box-sizing: border-box; |
|
|
|
@ -2249,8 +2326,11 @@
|
|
|
|
|
margin-bottom: 0; |
|
|
|
|
} |
|
|
|
|
.dashboard > .ui.container #app .dashboard-repos, |
|
|
|
|
.dashboard > .ui.container #app .dashboard-orgs { |
|
|
|
|
margin: 0 !important; |
|
|
|
|
.dashboard > .ui.container #dashboard-repo-list .dashboard-repos, |
|
|
|
|
.dashboard > .ui.container #app .dashboard-orgs, |
|
|
|
|
.dashboard > .ui.container #dashboard-repo-list .dashboard-orgs { |
|
|
|
|
margin: 0 -10px !important; |
|
|
|
|
padding: 0 10px; |
|
|
|
|
overflow-y: auto; |
|
|
|
|
overflow-x: hidden; |
|
|
|
|
scrollbar-width: thin; |
|
|
|
@ -2259,80 +2339,176 @@
|
|
|
|
|
height: 0; |
|
|
|
|
flex-grow: 1; |
|
|
|
|
padding-top: 15px; |
|
|
|
|
scrollbar-color: var(--color-secondary) transparent; |
|
|
|
|
} |
|
|
|
|
.dashboard > .ui.container #app .dashboard-repos .repos-search .input, |
|
|
|
|
.dashboard > .ui.container #app .dashboard-orgs .repos-search .input { |
|
|
|
|
.dashboard > .ui.container #dashboard-repo-list .dashboard-repos .repos-search .input, |
|
|
|
|
.dashboard > .ui.container #app .dashboard-orgs .repos-search .input, |
|
|
|
|
.dashboard > .ui.container #dashboard-repo-list .dashboard-orgs .repos-search .input { |
|
|
|
|
margin-bottom: 8px; |
|
|
|
|
} |
|
|
|
|
.dashboard > .ui.container #app .dashboard-repos > .ui:last-child, |
|
|
|
|
.dashboard > .ui.container #app .dashboard-orgs > .ui:last-child { |
|
|
|
|
.dashboard > .ui.container #dashboard-repo-list .dashboard-repos > .ui:last-child, |
|
|
|
|
.dashboard > .ui.container #app .dashboard-orgs > .ui:last-child, |
|
|
|
|
.dashboard > .ui.container #dashboard-repo-list .dashboard-orgs > .ui:last-child { |
|
|
|
|
margin-bottom: 78px; |
|
|
|
|
} |
|
|
|
|
.dashboard > .ui.container #app .dashboard-repos > *, |
|
|
|
|
.dashboard > .ui.container #app .dashboard-orgs > * { |
|
|
|
|
.dashboard > .ui.container #dashboard-repo-list .dashboard-repos > *, |
|
|
|
|
.dashboard > .ui.container #app .dashboard-orgs > *, |
|
|
|
|
.dashboard > .ui.container #dashboard-repo-list .dashboard-orgs > * { |
|
|
|
|
border: 0; |
|
|
|
|
background: none; |
|
|
|
|
} |
|
|
|
|
.dashboard > .ui.container #app .dashboard-repos .label, |
|
|
|
|
.dashboard > .ui.container #dashboard-repo-list .dashboard-repos .label, |
|
|
|
|
.dashboard > .ui.container #app .dashboard-orgs .label, |
|
|
|
|
.dashboard > .ui.container #dashboard-repo-list .dashboard-orgs .label { |
|
|
|
|
padding: 0 0.5em !important; |
|
|
|
|
height: 1.4em; |
|
|
|
|
min-height: unset; |
|
|
|
|
font-size: 0.9em; |
|
|
|
|
min-width: 2em !important; |
|
|
|
|
position: relative; |
|
|
|
|
background: none; |
|
|
|
|
margin-left: 0.5em; |
|
|
|
|
} |
|
|
|
|
.dashboard > .ui.container #app .dashboard-repos .label::before, |
|
|
|
|
.dashboard > .ui.container #dashboard-repo-list .dashboard-repos .label::before, |
|
|
|
|
.dashboard > .ui.container #app .dashboard-orgs .label::before, |
|
|
|
|
.dashboard > .ui.container #dashboard-repo-list .dashboard-orgs .label::before { |
|
|
|
|
content: ""; |
|
|
|
|
position: absolute; |
|
|
|
|
inset: 0; |
|
|
|
|
background-color: var(--color-primary); |
|
|
|
|
opacity: 0.9; |
|
|
|
|
z-index: -1; |
|
|
|
|
border-radius: 100px; |
|
|
|
|
} |
|
|
|
|
.dashboard > .ui.container #app .dashboard-repos .header, |
|
|
|
|
.dashboard > .ui.container #app .dashboard-orgs .header { |
|
|
|
|
padding-top: 5px; |
|
|
|
|
.dashboard > .ui.container #dashboard-repo-list .dashboard-repos .header, |
|
|
|
|
.dashboard > .ui.container #app .dashboard-orgs .header, |
|
|
|
|
.dashboard > .ui.container #dashboard-repo-list .dashboard-orgs .header { |
|
|
|
|
font-weight: 600; |
|
|
|
|
} |
|
|
|
|
.dashboard > .ui.container #app .dashboard-repos .header a, |
|
|
|
|
.dashboard > .ui.container #app .dashboard-orgs .header a { |
|
|
|
|
.dashboard > .ui.container #dashboard-repo-list .dashboard-repos .header a, |
|
|
|
|
.dashboard > .ui.container #app .dashboard-orgs .header a, |
|
|
|
|
.dashboard > .ui.container #dashboard-repo-list .dashboard-orgs .header a { |
|
|
|
|
display: flex; |
|
|
|
|
align-items: center; |
|
|
|
|
} |
|
|
|
|
.dashboard > .ui.container #app .dashboard-repos .header a svg, |
|
|
|
|
.dashboard > .ui.container #app .dashboard-orgs .header a svg { |
|
|
|
|
.dashboard > .ui.container #dashboard-repo-list .dashboard-repos .header a svg, |
|
|
|
|
.dashboard > .ui.container #app .dashboard-orgs .header a svg, |
|
|
|
|
.dashboard > .ui.container #dashboard-repo-list .dashboard-orgs .header a svg { |
|
|
|
|
width: 18px; |
|
|
|
|
height: 18px; |
|
|
|
|
} |
|
|
|
|
.dashboard > .ui.container #app .dashboard-repos .header, |
|
|
|
|
.dashboard > .ui.container #dashboard-repo-list .dashboard-repos .header, |
|
|
|
|
.dashboard > .ui.container #app .dashboard-orgs .header, |
|
|
|
|
.dashboard > .ui.container #dashboard-repo-list .dashboard-orgs .header, |
|
|
|
|
.dashboard > .ui.container #app .dashboard-repos .repos-search, |
|
|
|
|
.dashboard > .ui.container #app .dashboard-orgs .repos-search { |
|
|
|
|
.dashboard > .ui.container #dashboard-repo-list .dashboard-repos .repos-search, |
|
|
|
|
.dashboard > .ui.container #app .dashboard-orgs .repos-search, |
|
|
|
|
.dashboard > .ui.container #dashboard-repo-list .dashboard-orgs .repos-search { |
|
|
|
|
padding-left: 5px; |
|
|
|
|
padding-right: 5px; |
|
|
|
|
} |
|
|
|
|
.dashboard > .ui.container #app .dashboard-repos .repos-search, |
|
|
|
|
.dashboard > .ui.container #app .dashboard-orgs .repos-search { |
|
|
|
|
.dashboard > .ui.container #dashboard-repo-list .dashboard-repos .repos-search, |
|
|
|
|
.dashboard > .ui.container #app .dashboard-orgs .repos-search, |
|
|
|
|
.dashboard > .ui.container #dashboard-repo-list .dashboard-orgs .repos-search { |
|
|
|
|
padding-top: 0; |
|
|
|
|
} |
|
|
|
|
.dashboard > .ui.container #app .dashboard-repos .repos-search input, |
|
|
|
|
.dashboard > .ui.container #dashboard-repo-list .dashboard-repos .repos-search input, |
|
|
|
|
.dashboard > .ui.container #app .dashboard-orgs .repos-search input, |
|
|
|
|
.dashboard > .ui.container #dashboard-repo-list .dashboard-orgs .repos-search input, |
|
|
|
|
.dashboard > .ui.container #app .dashboard-repos .repos-search .button, |
|
|
|
|
.dashboard > .ui.container #app .dashboard-orgs .repos-search .button { |
|
|
|
|
.dashboard > .ui.container #dashboard-repo-list .dashboard-repos .repos-search .button, |
|
|
|
|
.dashboard > .ui.container #app .dashboard-orgs .repos-search .button, |
|
|
|
|
.dashboard > .ui.container #dashboard-repo-list .dashboard-orgs .repos-search .button { |
|
|
|
|
background: none !important; |
|
|
|
|
} |
|
|
|
|
.dashboard > .ui.container #app .dashboard-repos .repos-filter, |
|
|
|
|
.dashboard > .ui.container #dashboard-repo-list .dashboard-repos .repos-filter, |
|
|
|
|
.dashboard > .ui.container #app .dashboard-orgs .repos-filter, |
|
|
|
|
.dashboard > .ui.container #dashboard-repo-list .dashboard-orgs .repos-filter { |
|
|
|
|
justify-content: flex-start; |
|
|
|
|
} |
|
|
|
|
.dashboard > .ui.container #app .dashboard-repos .repos-filter .active, |
|
|
|
|
.dashboard > .ui.container #dashboard-repo-list .dashboard-repos .repos-filter .active, |
|
|
|
|
.dashboard > .ui.container #app .dashboard-orgs .repos-filter .active, |
|
|
|
|
.dashboard > .ui.container #dashboard-repo-list .dashboard-orgs .repos-filter .active { |
|
|
|
|
font-weight: 600; |
|
|
|
|
} |
|
|
|
|
.dashboard > .ui.container #app .dashboard-repos .repos-filter .active::before, |
|
|
|
|
.dashboard > .ui.container #dashboard-repo-list .dashboard-repos .repos-filter .active::before, |
|
|
|
|
.dashboard > .ui.container #app .dashboard-orgs .repos-filter .active::before, |
|
|
|
|
.dashboard > .ui.container #dashboard-repo-list .dashboard-orgs .repos-filter .active::before { |
|
|
|
|
content: unset !important; |
|
|
|
|
} |
|
|
|
|
.dashboard > .ui.container #app .dashboard-repos .repos-filter .active .label, |
|
|
|
|
.dashboard > .ui.container #dashboard-repo-list .dashboard-repos .repos-filter .active .label, |
|
|
|
|
.dashboard > .ui.container #app .dashboard-orgs .repos-filter .active .label, |
|
|
|
|
.dashboard > .ui.container #dashboard-repo-list .dashboard-orgs .repos-filter .active .label { |
|
|
|
|
font-size: 1em; |
|
|
|
|
} |
|
|
|
|
.dashboard > .ui.container #app .dashboard-repos .table, |
|
|
|
|
.dashboard > .ui.container #app .dashboard-orgs .table { |
|
|
|
|
margin-top: 10px; |
|
|
|
|
.dashboard > .ui.container #dashboard-repo-list .dashboard-repos .table, |
|
|
|
|
.dashboard > .ui.container #app .dashboard-orgs .table, |
|
|
|
|
.dashboard > .ui.container #dashboard-repo-list .dashboard-orgs .table { |
|
|
|
|
margin-top: 4px; |
|
|
|
|
} |
|
|
|
|
.dashboard > .ui.container #app .dashboard-repos li, |
|
|
|
|
.dashboard > .ui.container #app .dashboard-orgs li { |
|
|
|
|
.dashboard > .ui.container #dashboard-repo-list .dashboard-repos li, |
|
|
|
|
.dashboard > .ui.container #app .dashboard-orgs li, |
|
|
|
|
.dashboard > .ui.container #dashboard-repo-list .dashboard-orgs li { |
|
|
|
|
background: none; |
|
|
|
|
font-weight: 700; |
|
|
|
|
border: 0; |
|
|
|
|
} |
|
|
|
|
.dashboard > .ui.container #app .dashboard-repos li a, |
|
|
|
|
.dashboard > .ui.container #app .dashboard-orgs li a { |
|
|
|
|
.dashboard > .ui.container #dashboard-repo-list .dashboard-repos li a, |
|
|
|
|
.dashboard > .ui.container #app .dashboard-orgs li a, |
|
|
|
|
.dashboard > .ui.container #dashboard-repo-list .dashboard-orgs li a { |
|
|
|
|
padding: 5px 5px; |
|
|
|
|
position: relative; |
|
|
|
|
} |
|
|
|
|
.dashboard > .ui.container #app .dashboard-repos li a:hover:before, |
|
|
|
|
.dashboard > .ui.container #dashboard-repo-list .dashboard-repos li a:hover:before, |
|
|
|
|
.dashboard > .ui.container #app .dashboard-orgs li a:hover:before, |
|
|
|
|
.dashboard > .ui.container #dashboard-repo-list .dashboard-orgs li a:hover:before { |
|
|
|
|
content: ""; |
|
|
|
|
position: absolute; |
|
|
|
|
inset: -2px -6px; |
|
|
|
|
background-color: var(--color-primary); |
|
|
|
|
border-radius: var(--base-border-radius); |
|
|
|
|
z-index: -1; |
|
|
|
|
opacity: 0.1; |
|
|
|
|
} |
|
|
|
|
.dashboard > .ui.container #app .dashboard-repos li a .item-name, |
|
|
|
|
.dashboard > .ui.container #app .dashboard-orgs li a .item-name { |
|
|
|
|
.dashboard > .ui.container #dashboard-repo-list .dashboard-repos li a .item-name, |
|
|
|
|
.dashboard > .ui.container #app .dashboard-orgs li a .item-name, |
|
|
|
|
.dashboard > .ui.container #dashboard-repo-list .dashboard-orgs li a .item-name { |
|
|
|
|
display: flex; |
|
|
|
|
align-items: center; |
|
|
|
|
max-width: unset; |
|
|
|
|
margin-right: 10px; |
|
|
|
|
} |
|
|
|
|
.dashboard > .ui.container #app .dashboard-repos li a .item-name svg, |
|
|
|
|
.dashboard > .ui.container #app .dashboard-orgs li a .item-name svg { |
|
|
|
|
.dashboard > .ui.container #dashboard-repo-list .dashboard-repos li a .item-name svg, |
|
|
|
|
.dashboard > .ui.container #app .dashboard-orgs li a .item-name svg, |
|
|
|
|
.dashboard > .ui.container #dashboard-repo-list .dashboard-orgs li a .item-name svg { |
|
|
|
|
margin-right: 8px !important; |
|
|
|
|
min-width: 16px; |
|
|
|
|
} |
|
|
|
|
.dashboard > .ui.container #app .dashboard-repos li a strong, |
|
|
|
|
.dashboard > .ui.container #app .dashboard-orgs li a strong { |
|
|
|
|
.dashboard > .ui.container #dashboard-repo-list .dashboard-repos li a strong, |
|
|
|
|
.dashboard > .ui.container #app .dashboard-orgs li a strong, |
|
|
|
|
.dashboard > .ui.container #dashboard-repo-list .dashboard-orgs li a strong { |
|
|
|
|
font-weight: 700; |
|
|
|
|
text-overflow: ellipsis; |
|
|
|
|
overflow: hidden; |
|
|
|
|