diff --git a/Gitea/theme-gitea-modern.user.css b/Gitea/theme-gitea-modern.user.css index 37c37a7..a6a9dd3 100644 --- a/Gitea/theme-gitea-modern.user.css +++ b/Gitea/theme-gitea-modern.user.css @@ -1,6 +1,6 @@ /* ==UserStyle== @name Gitea Modern -@version 1.0.7 +@version 1.0.6 @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 @@ -128,6 +128,13 @@ align-items: center !important; display: flex !important; } + .three.column .column .small, + .three.column .column a { + max-height: 40px !important; + min-height: unset; + display: flex; + align-items: center; + } .three.column .column form { width: 100%; } @@ -224,9 +231,10 @@ justify-content: flex-start; max-width: 900px; margin: auto; + align-items: stretch; } #user-heatmap .vch__wrapper { - min-width: 500px; + min-width: 600px; } .repo-title a:nth-last-child(2) { font-weight: 600 !important; @@ -690,6 +698,10 @@ .page-content.repository:not(.milestones) > .ui.container #repo-desc { font-size: 1.14rem; line-height: 1.6rem; + margin-bottom: 0 !important; + } + .page-content.repository:not(.milestones) > .ui.container #repo-desc:not(:empty) { + margin-bottom: 0.7rem !important; } .page-content.repository:not(.milestones) > .ui.container #repo-topics { margin: 0 -4px; @@ -894,7 +906,7 @@ padding-left: 8px; } .page-content.repository:not(.milestones) > .ui.container #repo-files-table .message, - .page-content.repository:not(.milestones) > .ui.container #repo-files-table .right { + .page-content.repository:not(.milestones) > .ui.container #repo-files-table .right:not(.popup) { opacity: 0.8; } .page-content.repository:not(.milestones) > .ui.container .file-header { @@ -948,7 +960,10 @@ } .page-content.repository:not(.milestones).file > .ui.container .repository-summary, .page-content.repository:not(.milestones).commits > .ui.container .repository-summary, - .page-content.repository:not(.milestones).branches > .ui.container .repository-summary { + .page-content.repository:not(.milestones).branches > .ui.container .repository-summary, + .page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"], + .page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"], + .page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] { grid-column: 2; grid-row: 1/span 50; border: 0; @@ -956,7 +971,9 @@ margin-left: 30px; height: min-content; position: sticky; + width: 70px; bottom: 20px; + top: unset; align-self: flex-end; background: none !important; min-height: calc(100vh - 40px); @@ -968,12 +985,18 @@ } .page-content.repository:not(.milestones).file > .ui.container .repository-summary .segment, .page-content.repository:not(.milestones).commits > .ui.container .repository-summary .segment, - .page-content.repository:not(.milestones).branches > .ui.container .repository-summary .segment { + .page-content.repository:not(.milestones).branches > .ui.container .repository-summary .segment, + .page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .segment, + .page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .segment, + .page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .segment { background: none; } .page-content.repository:not(.milestones).file > .ui.container .repository-summary .language-stats-details, .page-content.repository:not(.milestones).commits > .ui.container .repository-summary .language-stats-details, - .page-content.repository:not(.milestones).branches > .ui.container .repository-summary .language-stats-details { + .page-content.repository:not(.milestones).branches > .ui.container .repository-summary .language-stats-details, + .page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .language-stats-details, + .page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .language-stats-details, + .page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .language-stats-details { display: flex !important; padding: 0; border-top: 1px solid rgba(0,0,0,0.1); @@ -982,28 +1005,43 @@ } .page-content.repository:not(.milestones).file > .ui.container .repository-summary .language-stats-details .item, .page-content.repository:not(.milestones).commits > .ui.container .repository-summary .language-stats-details .item, - .page-content.repository:not(.milestones).branches > .ui.container .repository-summary .language-stats-details .item { + .page-content.repository:not(.milestones).branches > .ui.container .repository-summary .language-stats-details .item, + .page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .language-stats-details .item, + .page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .language-stats-details .item, + .page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .language-stats-details .item { flex-direction: column; } .page-content.repository:not(.milestones).file > .ui.container .repository-summary .language-stats-details .item > *, .page-content.repository:not(.milestones).commits > .ui.container .repository-summary .language-stats-details .item > *, - .page-content.repository:not(.milestones).branches > .ui.container .repository-summary .language-stats-details .item > * { + .page-content.repository:not(.milestones).branches > .ui.container .repository-summary .language-stats-details .item > *, + .page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .language-stats-details .item > *, + .page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .language-stats-details .item > *, + .page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .language-stats-details .item > * { margin: 0 !important; } .page-content.repository:not(.milestones).file > .ui.container .repository-summary .language-stats-details .item i, .page-content.repository:not(.milestones).commits > .ui.container .repository-summary .language-stats-details .item i, - .page-content.repository:not(.milestones).branches > .ui.container .repository-summary .language-stats-details .item i { + .page-content.repository:not(.milestones).branches > .ui.container .repository-summary .language-stats-details .item i, + .page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .language-stats-details .item i, + .page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .language-stats-details .item i, + .page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .language-stats-details .item i { margin-bottom: 8px !important; } .page-content.repository:not(.milestones).file > .ui.container .repository-summary .repository-menu, .page-content.repository:not(.milestones).commits > .ui.container .repository-summary .repository-menu, - .page-content.repository:not(.milestones).branches > .ui.container .repository-summary .repository-menu { + .page-content.repository:not(.milestones).branches > .ui.container .repository-summary .repository-menu, + .page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .repository-menu, + .page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .repository-menu, + .page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .repository-menu { display: block !important; height: unset !important; } .page-content.repository:not(.milestones).file > .ui.container .repository-summary .language-stats-details, .page-content.repository:not(.milestones).commits > .ui.container .repository-summary .language-stats-details, - .page-content.repository:not(.milestones).branches > .ui.container .repository-summary .language-stats-details { + .page-content.repository:not(.milestones).branches > .ui.container .repository-summary .language-stats-details, + .page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .language-stats-details, + .page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .language-stats-details, + .page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .language-stats-details { height: unset !important; padding: 0 !important; margin: 0 !important; @@ -1012,52 +1050,244 @@ } .page-content.repository:not(.milestones).file > .ui.container .repository-summary .language-stats, .page-content.repository:not(.milestones).commits > .ui.container .repository-summary .language-stats, - .page-content.repository:not(.milestones).branches > .ui.container .repository-summary .language-stats { + .page-content.repository:not(.milestones).branches > .ui.container .repository-summary .language-stats, + .page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .language-stats, + .page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .language-stats, + .page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .language-stats { border-radius: var(--base-border-radius) !important; overflow: hidden !important; pointer-events: none; } .page-content.repository:not(.milestones).file > .ui.container .repository-summary .horizontal.list:not(.two), .page-content.repository:not(.milestones).commits > .ui.container .repository-summary .horizontal.list:not(.two), - .page-content.repository:not(.milestones).branches > .ui.container .repository-summary .horizontal.list:not(.two) { + .page-content.repository:not(.milestones).branches > .ui.container .repository-summary .horizontal.list:not(.two), + .page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .horizontal.list:not(.two), + .page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .horizontal.list:not(.two), + .page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .horizontal.list:not(.two) { padding-top: 1rem; } .page-content.repository:not(.milestones).file > .ui.container .repository-summary .list, .page-content.repository:not(.milestones).commits > .ui.container .repository-summary .list, - .page-content.repository:not(.milestones).branches > .ui.container .repository-summary .list { + .page-content.repository:not(.milestones).branches > .ui.container .repository-summary .list, + .page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list, + .page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list, + .page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list, + .page-content.repository:not(.milestones).file > .ui.container .repository-summary.horizontal, + .page-content.repository:not(.milestones).commits > .ui.container .repository-summary.horizontal, + .page-content.repository:not(.milestones).branches > .ui.container .repository-summary.horizontal, + .page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal, + .page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal, + .page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal { flex-direction: column; background: none !important; + justify-content: flex-start; } .page-content.repository:not(.milestones).file > .ui.container .repository-summary .list .item, .page-content.repository:not(.milestones).commits > .ui.container .repository-summary .list .item, - .page-content.repository:not(.milestones).branches > .ui.container .repository-summary .list .item { + .page-content.repository:not(.milestones).branches > .ui.container .repository-summary .list .item, + .page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list .item, + .page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list .item, + .page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list .item, + .page-content.repository:not(.milestones).file > .ui.container .repository-summary.horizontal .item, + .page-content.repository:not(.milestones).commits > .ui.container .repository-summary.horizontal .item, + .page-content.repository:not(.milestones).branches > .ui.container .repository-summary.horizontal .item, + .page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal .item, + .page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal .item, + .page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal .item, + .page-content.repository:not(.milestones).file > .ui.container .repository-summary .list > a.attached.segment, + .page-content.repository:not(.milestones).commits > .ui.container .repository-summary .list > a.attached.segment, + .page-content.repository:not(.milestones).branches > .ui.container .repository-summary .list > a.attached.segment, + .page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list > a.attached.segment, + .page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list > a.attached.segment, + .page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list > a.attached.segment, + .page-content.repository:not(.milestones).file > .ui.container .repository-summary.horizontal > a.attached.segment, + .page-content.repository:not(.milestones).commits > .ui.container .repository-summary.horizontal > a.attached.segment, + .page-content.repository:not(.milestones).branches > .ui.container .repository-summary.horizontal > a.attached.segment, + .page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal > a.attached.segment, + .page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal > a.attached.segment, + .page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal > a.attached.segment { border-radius: 12px !important; padding: 12px 0 !important; padding-bottom: 18px !important; + flex-grow: 0; position: relative; margin-right: 0 !important; + border: none; } .page-content.repository:not(.milestones).file > .ui.container .repository-summary .list .item a, .page-content.repository:not(.milestones).commits > .ui.container .repository-summary .list .item a, - .page-content.repository:not(.milestones).branches > .ui.container .repository-summary .list .item a { + .page-content.repository:not(.milestones).branches > .ui.container .repository-summary .list .item a, + .page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list .item a, + .page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list .item a, + .page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list .item a, + .page-content.repository:not(.milestones).file > .ui.container .repository-summary.horizontal .item a, + .page-content.repository:not(.milestones).commits > .ui.container .repository-summary.horizontal .item a, + .page-content.repository:not(.milestones).branches > .ui.container .repository-summary.horizontal .item a, + .page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal .item a, + .page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal .item a, + .page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal .item a, + .page-content.repository:not(.milestones).file > .ui.container .repository-summary .list > a.attached.segment a, + .page-content.repository:not(.milestones).commits > .ui.container .repository-summary .list > a.attached.segment a, + .page-content.repository:not(.milestones).branches > .ui.container .repository-summary .list > a.attached.segment a, + .page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list > a.attached.segment a, + .page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list > a.attached.segment a, + .page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list > a.attached.segment a, + .page-content.repository:not(.milestones).file > .ui.container .repository-summary.horizontal > a.attached.segment a, + .page-content.repository:not(.milestones).commits > .ui.container .repository-summary.horizontal > a.attached.segment a, + .page-content.repository:not(.milestones).branches > .ui.container .repository-summary.horizontal > a.attached.segment a, + .page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal > a.attached.segment a, + .page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal > a.attached.segment a, + .page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal > a.attached.segment a { padding: 0 !important; } .page-content.repository:not(.milestones).file > .ui.container .repository-summary .list .item .bold, .page-content.repository:not(.milestones).commits > .ui.container .repository-summary .list .item .bold, .page-content.repository:not(.milestones).branches > .ui.container .repository-summary .list .item .bold, + .page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list .item .bold, + .page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list .item .bold, + .page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list .item .bold, + .page-content.repository:not(.milestones).file > .ui.container .repository-summary.horizontal .item .bold, + .page-content.repository:not(.milestones).commits > .ui.container .repository-summary.horizontal .item .bold, + .page-content.repository:not(.milestones).branches > .ui.container .repository-summary.horizontal .item .bold, + .page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal .item .bold, + .page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal .item .bold, + .page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal .item .bold, + .page-content.repository:not(.milestones).file > .ui.container .repository-summary .list > a.attached.segment .bold, + .page-content.repository:not(.milestones).commits > .ui.container .repository-summary .list > a.attached.segment .bold, + .page-content.repository:not(.milestones).branches > .ui.container .repository-summary .list > a.attached.segment .bold, + .page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list > a.attached.segment .bold, + .page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list > a.attached.segment .bold, + .page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list > a.attached.segment .bold, + .page-content.repository:not(.milestones).file > .ui.container .repository-summary.horizontal > a.attached.segment .bold, + .page-content.repository:not(.milestones).commits > .ui.container .repository-summary.horizontal > a.attached.segment .bold, + .page-content.repository:not(.milestones).branches > .ui.container .repository-summary.horizontal > a.attached.segment .bold, + .page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal > a.attached.segment .bold, + .page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal > a.attached.segment .bold, + .page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal > a.attached.segment .bold, .page-content.repository:not(.milestones).file > .ui.container .repository-summary .list .item b, .page-content.repository:not(.milestones).commits > .ui.container .repository-summary .list .item b, - .page-content.repository:not(.milestones).branches > .ui.container .repository-summary .list .item b { + .page-content.repository:not(.milestones).branches > .ui.container .repository-summary .list .item b, + .page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list .item b, + .page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list .item b, + .page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list .item b, + .page-content.repository:not(.milestones).file > .ui.container .repository-summary.horizontal .item b, + .page-content.repository:not(.milestones).commits > .ui.container .repository-summary.horizontal .item b, + .page-content.repository:not(.milestones).branches > .ui.container .repository-summary.horizontal .item b, + .page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal .item b, + .page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal .item b, + .page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal .item b, + .page-content.repository:not(.milestones).file > .ui.container .repository-summary .list > a.attached.segment b, + .page-content.repository:not(.milestones).commits > .ui.container .repository-summary .list > a.attached.segment b, + .page-content.repository:not(.milestones).branches > .ui.container .repository-summary .list > a.attached.segment b, + .page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list > a.attached.segment b, + .page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list > a.attached.segment b, + .page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list > a.attached.segment b, + .page-content.repository:not(.milestones).file > .ui.container .repository-summary.horizontal > a.attached.segment b, + .page-content.repository:not(.milestones).commits > .ui.container .repository-summary.horizontal > a.attached.segment b, + .page-content.repository:not(.milestones).branches > .ui.container .repository-summary.horizontal > a.attached.segment b, + .page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal > a.attached.segment b, + .page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal > a.attached.segment b, + .page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal > a.attached.segment b { font-weight: 500 !important; } .page-content.repository:not(.milestones).file > .ui.container .repository-summary .list .item.active, .page-content.repository:not(.milestones).commits > .ui.container .repository-summary .list .item.active, - .page-content.repository:not(.milestones).branches > .ui.container .repository-summary .list .item.active { + .page-content.repository:not(.milestones).branches > .ui.container .repository-summary .list .item.active, + .page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list .item.active, + .page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list .item.active, + .page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list .item.active, + .page-content.repository:not(.milestones).file > .ui.container .repository-summary.horizontal .item.active, + .page-content.repository:not(.milestones).commits > .ui.container .repository-summary.horizontal .item.active, + .page-content.repository:not(.milestones).branches > .ui.container .repository-summary.horizontal .item.active, + .page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal .item.active, + .page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal .item.active, + .page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal .item.active, + .page-content.repository:not(.milestones).file > .ui.container .repository-summary .list > a.attached.segment.active, + .page-content.repository:not(.milestones).commits > .ui.container .repository-summary .list > a.attached.segment.active, + .page-content.repository:not(.milestones).branches > .ui.container .repository-summary .list > a.attached.segment.active, + .page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list > a.attached.segment.active, + .page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list > a.attached.segment.active, + .page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list > a.attached.segment.active, + .page-content.repository:not(.milestones).file > .ui.container .repository-summary.horizontal > a.attached.segment.active, + .page-content.repository:not(.milestones).commits > .ui.container .repository-summary.horizontal > a.attached.segment.active, + .page-content.repository:not(.milestones).branches > .ui.container .repository-summary.horizontal > a.attached.segment.active, + .page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal > a.attached.segment.active, + .page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal > a.attached.segment.active, + .page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal > a.attached.segment.active, + .page-content.repository:not(.milestones).file > .ui.container .repository-summary .list .item:target, + .page-content.repository:not(.milestones).commits > .ui.container .repository-summary .list .item:target, + .page-content.repository:not(.milestones).branches > .ui.container .repository-summary .list .item:target, + .page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list .item:target, + .page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list .item:target, + .page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list .item:target, + .page-content.repository:not(.milestones).file > .ui.container .repository-summary.horizontal .item:target, + .page-content.repository:not(.milestones).commits > .ui.container .repository-summary.horizontal .item:target, + .page-content.repository:not(.milestones).branches > .ui.container .repository-summary.horizontal .item:target, + .page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal .item:target, + .page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal .item:target, + .page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal .item:target, + .page-content.repository:not(.milestones).file > .ui.container .repository-summary .list > a.attached.segment:target, + .page-content.repository:not(.milestones).commits > .ui.container .repository-summary .list > a.attached.segment:target, + .page-content.repository:not(.milestones).branches > .ui.container .repository-summary .list > a.attached.segment:target, + .page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list > a.attached.segment:target, + .page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list > a.attached.segment:target, + .page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list > a.attached.segment:target, + .page-content.repository:not(.milestones).file > .ui.container .repository-summary.horizontal > a.attached.segment:target, + .page-content.repository:not(.milestones).commits > .ui.container .repository-summary.horizontal > a.attached.segment:target, + .page-content.repository:not(.milestones).branches > .ui.container .repository-summary.horizontal > a.attached.segment:target, + .page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal > a.attached.segment:target, + .page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal > a.attached.segment:target, + .page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal > a.attached.segment:target { background: none !important; } .page-content.repository:not(.milestones).file > .ui.container .repository-summary .list .item.active::before, .page-content.repository:not(.milestones).commits > .ui.container .repository-summary .list .item.active::before, - .page-content.repository:not(.milestones).branches > .ui.container .repository-summary .list .item.active::before { + .page-content.repository:not(.milestones).branches > .ui.container .repository-summary .list .item.active::before, + .page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list .item.active::before, + .page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list .item.active::before, + .page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list .item.active::before, + .page-content.repository:not(.milestones).file > .ui.container .repository-summary.horizontal .item.active::before, + .page-content.repository:not(.milestones).commits > .ui.container .repository-summary.horizontal .item.active::before, + .page-content.repository:not(.milestones).branches > .ui.container .repository-summary.horizontal .item.active::before, + .page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal .item.active::before, + .page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal .item.active::before, + .page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal .item.active::before, + .page-content.repository:not(.milestones).file > .ui.container .repository-summary .list > a.attached.segment.active::before, + .page-content.repository:not(.milestones).commits > .ui.container .repository-summary .list > a.attached.segment.active::before, + .page-content.repository:not(.milestones).branches > .ui.container .repository-summary .list > a.attached.segment.active::before, + .page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list > a.attached.segment.active::before, + .page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list > a.attached.segment.active::before, + .page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list > a.attached.segment.active::before, + .page-content.repository:not(.milestones).file > .ui.container .repository-summary.horizontal > a.attached.segment.active::before, + .page-content.repository:not(.milestones).commits > .ui.container .repository-summary.horizontal > a.attached.segment.active::before, + .page-content.repository:not(.milestones).branches > .ui.container .repository-summary.horizontal > a.attached.segment.active::before, + .page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal > a.attached.segment.active::before, + .page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal > a.attached.segment.active::before, + .page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal > a.attached.segment.active::before, + .page-content.repository:not(.milestones).file > .ui.container .repository-summary .list .item:target::before, + .page-content.repository:not(.milestones).commits > .ui.container .repository-summary .list .item:target::before, + .page-content.repository:not(.milestones).branches > .ui.container .repository-summary .list .item:target::before, + .page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list .item:target::before, + .page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list .item:target::before, + .page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list .item:target::before, + .page-content.repository:not(.milestones).file > .ui.container .repository-summary.horizontal .item:target::before, + .page-content.repository:not(.milestones).commits > .ui.container .repository-summary.horizontal .item:target::before, + .page-content.repository:not(.milestones).branches > .ui.container .repository-summary.horizontal .item:target::before, + .page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal .item:target::before, + .page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal .item:target::before, + .page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal .item:target::before, + .page-content.repository:not(.milestones).file > .ui.container .repository-summary .list > a.attached.segment:target::before, + .page-content.repository:not(.milestones).commits > .ui.container .repository-summary .list > a.attached.segment:target::before, + .page-content.repository:not(.milestones).branches > .ui.container .repository-summary .list > a.attached.segment:target::before, + .page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list > a.attached.segment:target::before, + .page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list > a.attached.segment:target::before, + .page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list > a.attached.segment:target::before, + .page-content.repository:not(.milestones).file > .ui.container .repository-summary.horizontal > a.attached.segment:target::before, + .page-content.repository:not(.milestones).commits > .ui.container .repository-summary.horizontal > a.attached.segment:target::before, + .page-content.repository:not(.milestones).branches > .ui.container .repository-summary.horizontal > a.attached.segment:target::before, + .page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal > a.attached.segment:target::before, + .page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal > a.attached.segment:target::before, + .page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal > a.attached.segment:target::before { content: ""; position: absolute; top: 0; @@ -1069,31 +1299,85 @@ z-index: -1; border-radius: 12px; } - .page-content.repository:not(.milestones).file > .ui.container .repository-summary .list a, - .page-content.repository:not(.milestones).commits > .ui.container .repository-summary .list a, - .page-content.repository:not(.milestones).branches > .ui.container .repository-summary .list a, + .page-content.repository:not(.milestones).file > .ui.container .repository-summary .list.list a, + .page-content.repository:not(.milestones).commits > .ui.container .repository-summary .list.list a, + .page-content.repository:not(.milestones).branches > .ui.container .repository-summary .list.list a, + .page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list.list a, + .page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list.list a, + .page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list.list a, + .page-content.repository:not(.milestones).file > .ui.container .repository-summary.horizontal.list a, + .page-content.repository:not(.milestones).commits > .ui.container .repository-summary.horizontal.list a, + .page-content.repository:not(.milestones).branches > .ui.container .repository-summary.horizontal.list a, + .page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal.list a, + .page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal.list a, + .page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal.list a, .page-content.repository:not(.milestones).file > .ui.container .repository-summary .list span, .page-content.repository:not(.milestones).commits > .ui.container .repository-summary .list span, - .page-content.repository:not(.milestones).branches > .ui.container .repository-summary .list span { + .page-content.repository:not(.milestones).branches > .ui.container .repository-summary .list span, + .page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list span, + .page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list span, + .page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list span, + .page-content.repository:not(.milestones).file > .ui.container .repository-summary.horizontal span, + .page-content.repository:not(.milestones).commits > .ui.container .repository-summary.horizontal span, + .page-content.repository:not(.milestones).branches > .ui.container .repository-summary.horizontal span, + .page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal span, + .page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal span, + .page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal span { display: flex; flex-direction: column; padding: 0 10px; justify-content: center; } - .page-content.repository:not(.milestones).file > .ui.container .repository-summary .list a > *, - .page-content.repository:not(.milestones).commits > .ui.container .repository-summary .list a > *, - .page-content.repository:not(.milestones).branches > .ui.container .repository-summary .list a > *, + .page-content.repository:not(.milestones).file > .ui.container .repository-summary .list.list a > *, + .page-content.repository:not(.milestones).commits > .ui.container .repository-summary .list.list a > *, + .page-content.repository:not(.milestones).branches > .ui.container .repository-summary .list.list a > *, + .page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list.list a > *, + .page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list.list a > *, + .page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list.list a > *, + .page-content.repository:not(.milestones).file > .ui.container .repository-summary.horizontal.list a > *, + .page-content.repository:not(.milestones).commits > .ui.container .repository-summary.horizontal.list a > *, + .page-content.repository:not(.milestones).branches > .ui.container .repository-summary.horizontal.list a > *, + .page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal.list a > *, + .page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal.list a > *, + .page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal.list a > *, .page-content.repository:not(.milestones).file > .ui.container .repository-summary .list span > *, .page-content.repository:not(.milestones).commits > .ui.container .repository-summary .list span > *, - .page-content.repository:not(.milestones).branches > .ui.container .repository-summary .list span > * { + .page-content.repository:not(.milestones).branches > .ui.container .repository-summary .list span > *, + .page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list span > *, + .page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list span > *, + .page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list span > *, + .page-content.repository:not(.milestones).file > .ui.container .repository-summary.horizontal span > *, + .page-content.repository:not(.milestones).commits > .ui.container .repository-summary.horizontal span > *, + .page-content.repository:not(.milestones).branches > .ui.container .repository-summary.horizontal span > *, + .page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal span > *, + .page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal span > *, + .page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal span > * { margin-bottom: 5px; } - .page-content.repository:not(.milestones).file > .ui.container .repository-summary .list a svg, - .page-content.repository:not(.milestones).commits > .ui.container .repository-summary .list a svg, - .page-content.repository:not(.milestones).branches > .ui.container .repository-summary .list a svg, + .page-content.repository:not(.milestones).file > .ui.container .repository-summary .list.list a svg, + .page-content.repository:not(.milestones).commits > .ui.container .repository-summary .list.list a svg, + .page-content.repository:not(.milestones).branches > .ui.container .repository-summary .list.list a svg, + .page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list.list a svg, + .page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list.list a svg, + .page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list.list a svg, + .page-content.repository:not(.milestones).file > .ui.container .repository-summary.horizontal.list a svg, + .page-content.repository:not(.milestones).commits > .ui.container .repository-summary.horizontal.list a svg, + .page-content.repository:not(.milestones).branches > .ui.container .repository-summary.horizontal.list a svg, + .page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal.list a svg, + .page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal.list a svg, + .page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal.list a svg, .page-content.repository:not(.milestones).file > .ui.container .repository-summary .list span svg, .page-content.repository:not(.milestones).commits > .ui.container .repository-summary .list span svg, - .page-content.repository:not(.milestones).branches > .ui.container .repository-summary .list span svg { + .page-content.repository:not(.milestones).branches > .ui.container .repository-summary .list span svg, + .page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list span svg, + .page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list span svg, + .page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"] .list span svg, + .page-content.repository:not(.milestones).file > .ui.container .repository-summary.horizontal span svg, + .page-content.repository:not(.milestones).commits > .ui.container .repository-summary.horizontal span svg, + .page-content.repository:not(.milestones).branches > .ui.container .repository-summary.horizontal span svg, + .page-content.repository:not(.milestones).file > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal span svg, + .page-content.repository:not(.milestones).commits > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal span svg, + .page-content.repository:not(.milestones).branches > .ui.container [class="ui attached segment two column grid"] + [class="ui attached segment horizontal segments"].horizontal span svg { width: 100%; height: 20px; margin-bottom: 10px !important; @@ -1268,6 +1552,7 @@ bottom: 10px; align-self: flex-end; min-height: 100vh; + line-height: 1.5em; } .explore > .ui.container[class="ui container"] .five.wide.column .card, .page-content.user > .ui.container[class="ui container"] .five.wide.column .card, @@ -1314,7 +1599,10 @@ letter-spacing: 0.1em; height: 39px; line-height: 40px; - margin-bottom: -1.2em; + margin-bottom: -1em; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; margin-top: 0; background: var(--color-body); position: sticky; @@ -1373,6 +1661,7 @@ padding: 0.6rem 0; padding-bottom: 0.7rem !important; word-break: normal !important; + line-height: 1.5em; } .explore > .ui.container[class="ui container"] .five.wide.column .card .extra .follow form, .page-content.user > .ui.container[class="ui container"] .five.wide.column .card .extra .follow form, @@ -1391,6 +1680,8 @@ .page-content.user > .ui.container .eleven.wide.column .ui.secondary.stackable.pointing.tight.menu, .profile > .ui.container .eleven.wide.column .ui.secondary.stackable.pointing.tight.menu { margin: 0 -2px; + margin: 0 -20px; + margin-left: -40px; margin-bottom: 1.5rem; position: sticky; top: -2px !important; @@ -1399,6 +1690,17 @@ z-index: 9999; background-color: var(--color-body); } + .explore > .ui.container .eleven.wide.column .ui.secondary.stackable.pointing.tight.menu::before, + .page-content.user > .ui.container .eleven.wide.column .ui.secondary.stackable.pointing.tight.menu::before, + .profile > .ui.container .eleven.wide.column .ui.secondary.stackable.pointing.tight.menu::before { + content: ""; + min-width: 40px; + display: block; + position: sticky; + left: 0px; + background: linear-gradient(to right, var(--color-body), transparent); + z-index: 1; + } @supports (backdrop-filter: blur(10px)) { .explore > .ui.container .eleven.wide.column .ui.secondary.stackable.pointing.tight.menu, .page-content.user > .ui.container .eleven.wide.column .ui.secondary.stackable.pointing.tight.menu, @@ -1406,9 +1708,11 @@ backdrop-filter: blur(10px); background-color: transparent; } - .explore > .ui.container .eleven.wide.column .ui.secondary.stackable.pointing.tight.menu::before, - .page-content.user > .ui.container .eleven.wide.column .ui.secondary.stackable.pointing.tight.menu::before, - .profile > .ui.container .eleven.wide.column .ui.secondary.stackable.pointing.tight.menu::before { + .explore > .ui.container .eleven.wide.column .ui.secondary.stackable.pointing.tight.menu::after, + .page-content.user > .ui.container .eleven.wide.column .ui.secondary.stackable.pointing.tight.menu::after, + .profile > .ui.container .eleven.wide.column .ui.secondary.stackable.pointing.tight.menu::after { + all: unset; + z-index: -1; content: ""; position: absolute; inset: 0; @@ -1455,7 +1759,7 @@ border-bottom: none !important; background: var(--color-box-body); border-radius: var(--base-border-radius) var(--base-border-radius) 0 0; - padding: 10px 12px !important; + padding: 12px 12px !important; position: relative; } .ui.container > .news + .news, @@ -1483,13 +1787,13 @@ } .ui.container > .news .ui.left, .feeds > .news .ui.left { - width: 40px; + width: 42px; } .ui.container > .news .ui.left img, .feeds > .news .ui.left img { margin: 0 !important; - margin-top: 2px !important; - margin-right: 15px !important; + margin-top: 3px !important; + margin-right: 18px !important; border-radius: var(--base-border-radius); } .ui.container > .news .ui.grid, @@ -1530,7 +1834,7 @@ .ui.container > .news .ui.grid > .right.column, .feeds > .news .ui.grid > .right.column { position: absolute; - top: 45px; + top: 48px; left: 0; width: 52px !important; text-align: center; @@ -1554,6 +1858,10 @@ margin-top: 0; border-left: 4px solid var(--color-secondary); } + .ui.container > .news .ui.grid ul li .mr-2, + .feeds > .news .ui.grid ul li .mr-2 { + margin-top: 0.1em; + } .ui.container > .news .divider, .feeds > .news .divider { display: none; @@ -1742,6 +2050,7 @@ width: auto; position: sticky; bottom: 10px; + margin-bottom: 40px !important; align-self: flex-end; height: min-content; z-index: 2; @@ -1824,18 +2133,18 @@ .dashboard > .ui.container { margin: 0 auto !important; display: flex; - flex-wrap: wrap-reverse; - flex: 9999 1 650px; + flex-wrap: wrap-reverse !important; + flex: 9999 1 700px; --container-padding-x: calc(2.5% + 0px); /* Right Sidebar */ } .dashboard > .ui.container > .ui.stackable.grid { width: 100%; justify-content: center; + margin: 0; /* Change to row wrapping for better responsiveness, aswell as adding a border to better differenciate buttons */ } .dashboard > .ui.container > .ui.stackable.grid > .ten.column { - flex-grow: 1; z-index: 1; padding: 15px var(--container-padding-x) !important; padding-bottom: var(--container-padding-x) !important; @@ -1855,7 +2164,10 @@ margin-right: 0 !important; } .dashboard > .ui.container > .ui.stackable.grid .four.wide.column { - min-width: 250px; + min-width: 230px; + } + .dashboard > .ui.container > .ui.stackable.grid .four.wide.column + div { + flex-grow: 9999; } .dashboard > .ui.container > .ui.stackable.grid .four.wide.column > .menu { display: flex; @@ -1879,7 +2191,7 @@ width: 100%; } .dashboard > .ui.container > .ui.stackable.grid .four.wide.column > .menu a .label { - margin-left: 4px; + margin-left: 8px; } .dashboard > .ui.container > .ui.stackable.grid .four.wide.column > .menu a:hover { background-color: var(--color-light); @@ -1901,6 +2213,7 @@ padding-bottom: 0 !important; z-index: 0; max-width: 100% !important; + flex-shrink: 9999; } .dashboard > .ui.container #app > div { height: 100%; @@ -1911,15 +2224,14 @@ .dashboard > .ui.container #app::before { content: ""; position: absolute; - bottom: 0; - border-left: 1px solid var(--color-secondary); - border-right: 1px solid var(--color-secondary); + bottom: -15px; width: 200vw; - height: 200vh; + height: calc(100vh + 25px); right: calc(100% - 15px); right: 100%; z-index: -100; 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 { background: none !important; @@ -2125,4 +2437,4 @@ background-color: var(--color-primary) !important; box-shadow: 0 1px 2px var(--color-primary); } -} \ No newline at end of file +}