2023-03-15 05:20:19 +03:00
. repository . data-table . line-num ,
. repository . diff-file-box . file-body . file-code . lines-num ,
2023-09-10 13:27:23 +03:00
. repository . diff-file-box . code-diff tbody tr . lines-type-marker {
2023-03-15 05:20:19 +03:00
user-select : none ;
}
. repository . owner . dropdown {
min-width : 40 % ! important ;
}
. repository . unicode-escaped . escaped-code-point [ data-escaped ] :: before {
visibility : visible ;
content : attr ( data-escaped ) ;
font-family : var ( --fonts-monospace ) ;
color : var ( --color-red ) ;
}
. repository . unicode-escaped . escaped-code-point . char {
display : none ;
}
. repository . broken-code-point {
font-family : var ( --fonts-monospace ) ;
color : var ( --color-blue ) ;
}
. repository . unicode-escaped . ambiguous-code-point {
border : 1px var ( --color-yellow ) solid ;
}
2023-05-29 13:44:03 +03:00
. issue-content {
display : flex ;
align-items : flex-start ;
gap : 16px ;
}
@ media ( max-width : 767 . 98px ) {
. issue-content {
flex-direction : column ;
}
}
. issue-content-left {
margin : 0 ! important ;
width : calc ( 100 % - 316px ) ;
2023-03-15 05:20:19 +03:00
}
2023-05-29 13:44:03 +03:00
. issue-content-right {
margin : 0 ! important ;
width : 300px ;
2023-03-15 05:20:19 +03:00
}
2024-04-16 11:52:45 +03:00
. issue-content-right . dropdown > . menu {
max-width : 270px ;
min-width : 0 ;
}
2023-05-29 13:44:03 +03:00
@ media ( max-width : 767 . 98px ) {
. issue-content-left ,
. issue-content-right {
width : 100 % ;
}
2023-03-15 05:20:19 +03:00
}
2023-05-29 13:44:03 +03:00
. repository . issue-content-right . ui . list . dependency {
2023-03-15 05:20:19 +03:00
padding : 0 ;
white-space : nowrap ;
}
2023-05-29 13:44:03 +03:00
. repository . issue-content-right . ui . list . title {
2023-03-15 05:20:19 +03:00
overflow : hidden ;
text-overflow : ellipsis ;
}
2023-05-29 13:44:03 +03:00
. repository . issue-content-right # deadlineForm input {
2023-03-15 05:20:19 +03:00
width : 12 . 8rem ;
2023-08-28 22:43:59 +03:00
border-radius : var ( --border-radius ) 0 0 var ( --border-radius ) ;
2023-03-15 05:20:19 +03:00
border-right : 0 ;
white-space : nowrap ;
}
. repository . filter . menu . labels . label-filter . menu . info {
display : inline-block ;
2023-10-01 16:04:39 +03:00
padding : 0 . 5rem 0 ;
2023-03-15 05:20:19 +03:00
font-size : 12px ;
width : 100 % ;
white-space : nowrap ;
2023-10-01 16:04:39 +03:00
margin-left : 10px ;
margin-right : 8px ;
text-align : left ;
2023-03-15 05:20:19 +03:00
}
. repository . filter . menu . labels . label-filter . menu . info code {
border : 1px solid var ( --color-secondary ) ;
2023-08-28 22:43:59 +03:00
border-radius : var ( --border-radius ) ;
2023-03-15 05:20:19 +03:00
padding : 1px 2px ;
font-size : 11px ;
}
2023-04-30 18:51:20 +03:00
/* make all issue filter dropdown menus popup leftward, to avoid go out the viewport (right side) */
. repository . filter . menu . ui . dropdown . menu {
2023-03-15 05:20:19 +03:00
max-height : 500px ;
2023-03-24 10:11:23 +03:00
max-width : 300px ;
overflow-x : hidden ;
2023-04-30 18:51:20 +03:00
right : 0 ;
left : auto ;
}
/* the label-filter is the first dropdown, it shouldn't be shown leftward, otherwise it may go out the viewport (left side) */
. repository . filter . menu . ui . dropdown . label-filter . menu {
2023-07-13 23:00:38 +03:00
min-width : max-content ;
2023-04-30 18:51:20 +03:00
right : unset ;
left : 0 ;
2023-03-15 05:20:19 +03:00
}
. repository . select-label . desc {
padding-left : 23px ;
}
2023-04-20 11:58:26 +03:00
/* For the secondary pointing menu, respect its own border-bottom */
/* style reference: https://semantic-ui.com/collections/menu.html#pointing */
. repository . ui . tabs . container . ui . menu : not ( . secondary . pointing ) {
2023-03-15 05:20:19 +03:00
border-bottom : 0 ;
}
. repository . ui . tabs . divider {
2023-04-29 14:35:59 +03:00
margin-top : -1px ;
2023-04-30 06:33:25 +03:00
margin-bottom : 12px ;
2023-03-15 05:20:19 +03:00
}
2024-05-02 22:10:49 +03:00
. repository . clone-panel {
display : flex ;
flex : 1 ;
2023-03-15 05:20:19 +03:00
}
2024-05-02 22:10:49 +03:00
. repository . wiki . clone-panel {
flex : 0 ;
}
. repository . wiki . clone-panel input {
width : 20ch ;
}
. repository . clone-panel # repo-clone-url {
border-radius : 0 ;
flex : 1 ;
2023-03-15 05:20:19 +03:00
}
2024-03-17 15:40:42 +03:00
. repository . ui . action . input . clone-panel > button + button ,
. repository . ui . action . input . clone-panel > button + input {
margin-left : -1px ; /* make the borders overlap to avoid double borders */
2023-03-15 05:20:19 +03:00
}
2024-03-17 15:40:42 +03:00
. repository . clone-panel > button : first-of-type {
2023-03-15 05:20:19 +03:00
border-radius : var ( --border-radius ) 0 0 var ( --border-radius ) ! important ;
}
2024-03-17 15:40:42 +03:00
. repository . clone-panel > button : last-of-type {
2023-03-15 05:20:19 +03:00
border-radius : 0 var ( --border-radius ) var ( --border-radius ) 0 ! important ;
}
2024-03-17 15:40:42 +03:00
. repository . clone-panel . dropdown . menu {
2023-03-15 05:20:19 +03:00
right : 0 ! important ;
left : auto ! important ;
}
2024-04-22 02:47:31 +03:00
. repository . repo-description {
font-size : 16px ;
2023-07-08 21:12:30 +03:00
margin-bottom : 5px ;
2023-03-15 05:20:19 +03:00
}
2024-04-10 09:13:22 +03:00
. commit-summary {
flex : 1 ;
overflow-wrap : anywhere ;
overflow : hidden ;
white-space : nowrap ;
text-overflow : ellipsis ;
2023-03-18 19:07:59 +03:00
}
2024-04-10 09:13:22 +03:00
. commit-header . commit-summary ,
td . commit-summary {
white-space : normal ;
}
. latest-commit {
display : flex ;
flex : 1 ;
align-items : center ;
overflow : hidden ;
text-overflow : ellipsis ;
}
@ media ( max-width : 767 . 98px ) {
. latest-commit . sha {
display : none ;
}
. latest-commit . commit-summary {
margin-left : 8px ;
}
}
. repo-path {
display : flex ;
overflow-wrap : anywhere ;
}
/* this is what limits the commit table width to a value that works on all viewport sizes */
# repo-files-table th : first-of-type {
max-width : calc ( calc ( min ( 100vw , 1280px ) ) - 145px - calc ( 2 * var ( --page-margin-x ) ) ) ;
2023-03-15 05:20:19 +03:00
}
. repository . file . list # repo-files-table thead th {
2023-05-22 02:37:32 +03:00
font-weight : var ( --font-weight-normal ) ;
2023-03-15 05:20:19 +03:00
}
. repository . file . list # repo-files-table tbody . svg {
margin-left : 3px ;
margin-right : 5px ;
}
. repository . file . list # repo-files-table tbody . svg . octicon-reply {
margin-right : 10px ;
}
. repository . file . list # repo-files-table tbody . svg . octicon-file-directory-fill ,
. repository . file . list # repo-files-table tbody . svg . octicon-file-submodule {
color : var ( --color-primary ) ;
}
. repository . file . list # repo-files-table tbody . svg . octicon-file ,
2023-06-23 01:05:52 +03:00
. repository . file . list # repo-files-table tbody . svg . octicon-file-symlink-file ,
. repository . file . list # repo-files-table tbody . svg . octicon-file-directory-symlink {
2023-03-15 05:20:19 +03:00
color : var ( --color-secondary-dark-7 ) ;
}
. repository . file . list # repo-files-table td {
padding-top : 0 ;
padding-bottom : 0 ;
overflow : initial ;
}
. repository . file . list # repo-files-table td . name {
width : 33 % ;
max-width : calc ( 100vw - 140px ) ;
}
@ media ( min-width : 1201px ) {
. repository . file . list # repo-files-table td . name {
max-width : 150px ;
}
}
@ media ( min-width : 992px ) and ( max-width : 1200px ) {
. repository . file . list # repo-files-table td . name {
max-width : 200px ;
}
}
2023-06-09 12:10:51 +03:00
@ media ( min-width : 768px ) and ( max-width : 991 . 98px ) {
2023-03-15 05:20:19 +03:00
. repository . file . list # repo-files-table td . name {
max-width : 300px ;
}
}
. repository . file . list # repo-files-table td . message {
color : var ( --color-text-light-1 ) ;
width : 66 % ;
}
@ media ( min-width : 1201px ) {
. repository . file . list # repo-files-table td . message {
max-width : 400px ;
}
}
@ media ( min-width : 992px ) and ( max-width : 1200px ) {
. repository . file . list # repo-files-table td . message {
max-width : 350px ;
}
}
2023-06-09 12:10:51 +03:00
@ media ( min-width : 768px ) and ( max-width : 991 . 98px ) {
2023-03-15 05:20:19 +03:00
. repository . file . list # repo-files-table td . message {
max-width : 250px ;
}
}
. repository . file . list # repo-files-table td . age {
color : var ( --color-text-light-1 ) ;
}
. repository . file . list # repo-files-table td . truncate {
display : inline-block ;
overflow : hidden ;
text-overflow : ellipsis ;
white-space : nowrap ;
width : 100 % ;
padding-top : 8px ;
padding-bottom : 8px ;
}
. repository . file . list # repo-files-table td a {
padding-top : 8px ;
padding-bottom : 8px ;
}
. repository . file . list # repo-files-table td . at {
margin-left : 3px ;
margin-right : 3px ;
}
. repository . file . list # repo-files-table td > * {
vertical-align : middle ;
}
. repository . file . list # repo-files-table td . message . isSigned {
cursor : default ;
}
. repository . file . list # repo-files-table tr : last-of-type td : first-child {
border-bottom-left-radius : var ( --border-radius ) ;
}
. repository . file . list # repo-files-table tr : last-of-type td : last-child {
border-bottom-right-radius : var ( --border-radius ) ;
}
. repository . file . list # repo-files-table tr : hover {
background-color : var ( --color-hover ) ;
}
. repository . file . list # repo-files-table tr . has-parent a {
display : inline-block ;
padding-top : 8px ;
padding-bottom : 8px ;
width : calc ( 100 % - 1 . 25rem ) ;
}
. repository . file . list . non-diff-file-content . header . icon {
font-size : 1em ;
}
. repository . file . list . non-diff-file-content . header . small . icon {
font-size : 0 . 75em ;
}
. repository . file . list . non-diff-file-content . header . tiny . icon {
font-size : 0 . 5em ;
}
. repository . file . list . non-diff-file-content . header . file-actions . btn-octicon {
2023-08-18 00:50:32 +03:00
line-height : var ( --line-height-default ) ;
padding : 8px ;
2023-03-15 05:20:19 +03:00
vertical-align : middle ;
color : var ( --color-text ) ;
}
. repository . file . list . non-diff-file-content . header . file-actions . btn-octicon : hover {
color : var ( --color-primary ) ;
}
. repository . file . list . non-diff-file-content . header . file-actions . btn-octicon-danger : hover {
color : var ( --color-red ) ;
}
. repository . file . list . non-diff-file-content . header . file-actions . btn-octicon . disabled {
color : inherit ;
opacity : var ( --opacity-disabled ) ;
cursor : default ;
}
2023-05-29 15:10:00 +03:00
. view-raw {
display : flex ;
justify-content : center ;
align-items : center ;
2023-03-15 05:20:19 +03:00
}
2023-05-29 15:10:00 +03:00
. view-raw > * {
2023-03-15 05:20:19 +03:00
max-width : 100 % ;
}
2023-05-29 15:10:00 +03:00
. view-raw audio ,
. view-raw video ,
. view-raw img {
2023-03-15 05:20:19 +03:00
margin : 1rem 0 ;
border-radius : 0 ;
object-fit : contain ;
}
2023-05-29 15:10:00 +03:00
. view-raw img [ src $ = ".svg" i ] {
2023-03-15 05:20:19 +03:00
max-height : 600px ! important ;
max-width : 600px ! important ;
}
2023-05-29 15:10:00 +03:00
. pdf-content {
width : 100 % ;
height : 600px ;
border : none ! important ;
display : flex ;
align-items : center ;
justify-content : center ;
}
2023-09-04 13:22:46 +03:00
. pdf-content . pdf-fallback-button {
margin : 50px auto ;
2023-05-29 15:10:00 +03:00
}
2023-03-15 05:20:19 +03:00
. repository . file . list . non-diff-file-content . plain-text {
padding : 1em 2em ;
}
. repository . file . list . non-diff-file-content . plain-text pre {
word-break : break-word ;
white-space : pre-wrap ;
}
. repository . file . list . non-diff-file-content . csv {
overflow-x : auto ;
padding : 0 ! important ;
}
. repository . file . list . non-diff-file-content pre {
overflow : auto ;
}
. repository . file . list . non-diff-file-content . asciicast {
2023-06-27 22:44:17 +03:00
padding : 0 ! important ;
2023-03-15 05:20:19 +03:00
}
2023-05-29 15:10:00 +03:00
. non-diff-file-content . pdfobject {
border-radius : 0 0 var ( --border-radius ) var ( --border-radius ) ;
}
2023-03-15 05:20:19 +03:00
. repository . file . list . sidebar {
padding-left : 0 ;
}
. repository . file . list . sidebar . svg {
width : 16px ;
}
2023-05-01 18:40:02 +03:00
. repo-editor-header {
2023-03-15 05:20:19 +03:00
width : 100 % ;
}
2023-05-01 18:40:02 +03:00
. repo-editor-header input {
vertical-align : middle ! important ;
width : auto ! important ;
padding : 7px 8px ! important ;
margin-right : 5px ! important ;
2023-03-15 05:20:19 +03:00
}
. repository . file . editor . tabular . menu . svg {
margin-right : 5px ;
}
. repository . file . editor . commit-form-wrapper {
padding-left : 64px ;
}
. repository . file . editor . commit-form-wrapper . commit-avatar {
float : left ;
margin-left : -64px ;
width : 3em ;
height : auto ;
}
. repository . file . editor . commit-form-wrapper . commit-form {
position : relative ;
padding : 15px ;
margin-bottom : 10px ;
border : 1px solid var ( --color-secondary ) ;
background : var ( --color-box-body ) ;
2023-08-28 22:43:59 +03:00
border-radius : var ( --border-radius ) ;
2023-03-15 05:20:19 +03:00
}
. repository . file . editor . commit-form-wrapper . commit-form :: before ,
. repository . file . editor . commit-form-wrapper . commit-form :: after {
right : 100 % ;
top : 20px ;
border : solid transparent ;
content : " " ;
height : 0 ;
width : 0 ;
position : absolute ;
pointer-events : none ;
}
. repository . file . editor . commit-form-wrapper . commit-form :: before {
border-right-color : var ( --color-secondary ) ;
border-width : 9px ;
margin-top : -9px ;
}
. repository . file . editor . commit-form-wrapper . commit-form :: after {
border-right-color : var ( --color-box-body ) ;
border-width : 8px ;
margin-top : -8px ;
}
. repository . file . editor . commit-form-wrapper . commit-form . quick-pull-choice . branch-name {
display : inline-block ;
padding : 2px 4px ;
font : 12px var ( --fonts-monospace ) ;
color : var ( --color-text ) ;
background : var ( --color-secondary ) ;
2023-08-28 22:43:59 +03:00
border-radius : var ( --border-radius ) ;
2023-03-15 05:20:19 +03:00
margin : 0 2px ;
}
. repository . file . editor . commit-form-wrapper . commit-form . quick-pull-choice . new-branch-name-input {
position : relative ;
margin-left : 25px ;
}
. repository . file . editor . commit-form-wrapper . commit-form . quick-pull-choice . new-branch-name-input input {
width : 240px ! important ;
padding-left : 26px ! important ;
}
. repository . file . editor . commit-form-wrapper . commit-form . quick-pull-choice . octicon-git-branch {
position : absolute ;
top : 9px ;
left : 10px ;
color : var ( --color-grey ) ;
}
. repository . options # interval {
width : 100px ! important ;
min-width : 100px ;
}
. repository . new . issue . comment . form . comment . avatar {
width : 3em ;
}
. repository . new . issue . comment . form . content {
margin-left : 4em ;
}
. repository . new . issue . comment . form . content :: before ,
. repository . new . issue . comment . form . content :: after {
right : 100 % ;
top : 20px ;
border : solid transparent ;
content : " " ;
height : 0 ;
width : 0 ;
position : absolute ;
pointer-events : none ;
}
. repository . new . issue . comment . form . content :: before {
border-right-color : var ( --color-secondary ) ;
border-width : 9px ;
margin-top : -9px ;
}
. repository . new . issue . comment . form . content :: after {
border-right-color : var ( --color-box-body ) ;
border-width : 8px ;
margin-top : -8px ;
}
. repository . new . issue . comment . form . content . markup {
font-size : 14px ;
}
2023-05-29 13:44:03 +03:00
. repository . new . issue . comment . form . issue-content-right . filter . menu {
2023-03-15 05:20:19 +03:00
max-height : 500px ;
overflow-x : auto ;
}
. repository . view . issue . instruct-toggle {
display : inline-block ;
}
2024-05-05 16:09:41 +03:00
@ media ( max-width : 767 . 98px ) {
. comment . form . issue-content-left . avatar {
display : none ;
}
. comment . form . issue-content-left . content {
margin-left : 0 ! important ;
}
. comment . form . issue-content-left . content :: before ,
. comment . form . issue-content-left . content :: after ,
. comment . form . content . form :: before ,
. comment . form . content . form :: after {
display : none ;
}
}
/* issue title & meta & edit */
2023-05-04 00:58:59 +03:00
. issue-title-header {
width : 100 % ;
padding-bottom : 4px ;
margin-bottom : 1rem ;
2023-03-15 05:20:19 +03:00
}
2023-05-04 00:58:59 +03:00
. issue-title-meta {
2023-03-15 05:20:19 +03:00
display : flex ;
align-items : center ;
}
2024-05-05 16:09:41 +03:00
. repository . view . issue . issue-title-buttons {
2023-03-15 05:20:19 +03:00
display : flex ;
2024-05-05 16:09:41 +03:00
gap : 0 . 5em ;
2023-03-15 05:20:19 +03:00
}
2024-05-05 16:09:41 +03:00
. repository . view . issue . issue-title-buttons > . ui . button {
margin : 0 ;
height : 35px ;
2023-03-15 05:20:19 +03:00
}
2023-05-04 00:58:59 +03:00
. repository . view . issue . issue-title {
display : flex ;
align-items : center ;
2024-05-05 16:09:41 +03:00
gap : 0 . 5em ;
2023-05-04 00:58:59 +03:00
margin-bottom : 8px ;
2024-05-05 16:09:41 +03:00
min-height : 40px ; /* avoid layout shift on edit */
2023-05-04 00:58:59 +03:00
}
. repository . view . issue . issue-title h1 {
flex : 1 ;
width : 100 % ;
2023-05-22 02:37:32 +03:00
font-weight : var ( --font-weight-normal ) ;
2023-05-04 00:58:59 +03:00
font-size : 32px ;
line-height : 40px ;
2023-03-15 05:20:19 +03:00
margin : 0 ;
2023-05-04 00:58:59 +03:00
padding-right : 0 . 25rem ;
2023-03-15 05:20:19 +03:00
}
2024-05-05 16:09:41 +03:00
@ media ( max-width : 767 . 98px ) {
. repository . view . issue . issue-title {
flex-direction : column ;
}
. repository . view . issue . issue-title-buttons {
width : 100 % ;
justify-content : space-between ;
}
}
. repository . view . issue . issue-title . ui . input {
width : 100 % ;
height : 35px ;
2023-03-15 05:20:19 +03:00
}
2024-05-05 16:09:41 +03:00
. repository . view . issue . issue-title . ui . input input {
2023-03-15 05:20:19 +03:00
font-size : 1 . 5em ;
2023-05-04 00:58:59 +03:00
padding : 2px . 5rem ;
2023-03-15 05:20:19 +03:00
}
2024-04-14 20:53:52 +03:00
. issue-title . index {
2023-05-04 00:58:59 +03:00
color : var ( --color-text-light-2 ) ;
2023-03-15 05:20:19 +03:00
}
2024-04-14 20:53:52 +03:00
. issue-title . label {
2023-05-04 00:58:59 +03:00
margin-right : 10px ;
2023-03-15 05:20:19 +03:00
}
2023-05-04 00:58:59 +03:00
. issue-state-label {
display : flex ! important ;
align-items : center ! important ;
font-size : 14px ! important ;
padding : 7px 10px ! important ;
2023-08-28 22:43:59 +03:00
border-radius : var ( --border-radius-medium ) ! important ;
2024-04-16 11:52:45 +03:00
flex-shrink : 0 ;
2023-03-15 05:20:19 +03:00
}
2023-05-04 00:58:59 +03:00
. issue-state-label . svg {
margin-right : 4px ;
2023-03-15 05:20:19 +03:00
}
. repository . view . issue . pull-desc code {
color : var ( --color-primary ) ;
}
. repository . view . issue . pull-desc a [ data-clipboard-text ] {
cursor : pointer ;
}
. repository . view . issue . pull-desc a [ data-clipboard-text ] svg {
vertical-align : middle ;
position : relative ;
top : -2px ;
right : 1px ;
}
2023-07-14 04:54:20 +03:00
. repository . view . issue . pull . tabs . container {
width : 100 % ;
max-width : 100 % ;
}
2023-03-15 05:20:19 +03:00
. repository . view . issue . pull . tabular . menu {
2023-07-14 04:54:20 +03:00
margin-bottom : 0 ;
overflow-x : auto ;
overflow-y : hidden ;
2023-03-15 05:20:19 +03:00
}
. repository . view . issue . pull . tabular . menu . svg {
margin-right : 5px ;
}
2023-05-10 12:16:44 +03:00
. repository . view . issue . merge . box . branch-update . grid . row {
2023-03-15 05:20:19 +03:00
padding-bottom : 1rem ;
}
2023-05-10 12:16:44 +03:00
. repository . view . issue . merge . box . branch-update . grid . row . icon {
2023-03-15 05:20:19 +03:00
margin-top : 1 . 1rem ;
}
. repository . view . issue . comment-list : not ( . prevent-before-timeline ) :: before {
display : block ;
content : "" ;
position : absolute ;
margin-top : 12px ;
margin-bottom : 14px ;
top : 0 ;
bottom : 0 ;
left : 96px ;
width : 2px ;
background-color : var ( --color-timeline ) ;
z-index : -1 ;
}
. repository . view . issue . comment-list . timeline {
position : relative ;
display : block ;
margin-left : 40px ;
padding-left : 16px ;
}
. repository . view . issue . comment-list . timeline :: before { /* ciara */
display : block ;
content : "" ;
position : absolute ;
margin-top : 12px ;
margin-bottom : 14px ;
top : 0 ;
bottom : 0 ;
left : 30px ;
width : 2px ;
background-color : var ( --color-timeline ) ;
z-index : -1 ;
}
. repository . view . issue . comment-list . timeline-item ,
. repository . view . issue . comment-list . timeline-item-group {
2023-05-29 13:44:03 +03:00
padding : 16px 0 ;
2023-03-15 05:20:19 +03:00
}
. repository . view . issue . comment-list . timeline-item-group . timeline-item {
padding-top : 8px ;
padding-bottom : 8px ;
}
2023-05-10 12:16:44 +03:00
. repository . view . issue . comment-list . timeline-avatar-offset {
margin-top : 48px ;
}
2023-03-15 05:20:19 +03:00
. repository . view . issue . comment-list . timeline-item {
margin-left : 16px ;
position : relative ;
}
. repository . view . issue . comment-list . timeline-item . timeline-avatar {
position : absolute ;
left : -68px ;
}
/* Don't show the mobile oriented avatar ".inline-timeline-avatar" on desktop. Desktop uses the avatar with class ".timeline-avatar" */
. repository . view . issue . comment-list . timeline-item . inline-timeline-avatar {
display : none ;
}
. repository . view . issue . comment-list . timeline-item : first-child : not ( . commit ) {
padding-top : 0 ! important ;
}
. repository . view . issue . comment-list . timeline-item : last-child : not ( . commit ) {
padding-bottom : 0 ! important ;
}
. repository . view . issue . comment-list . timeline-item . badge . badge-commit {
border-color : transparent ;
background : radial-gradient ( var ( --color-body ) 40 % , transparent 40 % ) no-repeat ;
}
. repository . view . issue . comment-list . timeline-item . badge {
width : 34px ;
height : 34px ;
background-color : var ( --color-timeline ) ;
2023-08-28 22:43:59 +03:00
border-radius : var ( --border-radius-circle ) ;
2023-03-15 05:20:19 +03:00
display : flex ;
float : left ;
margin-left : -33px ;
margin-right : 8px ;
color : var ( --color-text ) ;
align-items : center ;
justify-content : center ;
}
. repository . view . issue . comment-list . timeline-item . badge . svg {
width : 22px ;
height : 22px ;
padding : 3px ;
}
. repository . view . issue . comment-list . timeline-item . badge . svg . octicon-comment {
margin-top : 2px ;
}
. repository . view . issue . comment-list . timeline-item . comment > . content {
margin-left : -16px ;
}
. repository . view . issue . comment-list . timeline-item . event > . text {
line-height : 32px ;
vertical-align : middle ;
}
. repository . view . issue . comment-list . timeline-item . commits-list {
padding-left : 15px ;
padding-top : 0 ;
}
2023-06-14 19:40:15 +03:00
. repository . view . issue . comment-list . timeline-item . commits-list . ui . avatar ,
. repository . view . issue . comment-list . timeline-item . event . ui . avatar {
margin-right : 0 . 25em ;
}
2024-04-17 11:58:08 +03:00
. singular-commit {
display : flex ;
align-items : center ;
2023-03-15 05:20:19 +03:00
}
2024-04-17 11:58:08 +03:00
. singular-commit . badge {
height : 30px ! important ;
2023-03-15 05:20:19 +03:00
}
2024-04-17 11:58:08 +03:00
. singular-commit . shabox . sha . label {
2023-03-15 05:20:19 +03:00
margin : 0 ;
border : 1px solid var ( --color-light-border ) ;
}
2024-04-17 11:58:08 +03:00
. singular-commit . shabox . sha . label . isSigned . isWarning {
2023-03-15 05:20:19 +03:00
border : 1px solid var ( --color-red-badge ) ;
background : var ( --color-red-badge-bg ) ;
}
2024-04-17 11:58:08 +03:00
. singular-commit . shabox . sha . label . isSigned . isWarning : hover {
2023-03-15 05:20:19 +03:00
background : var ( --color-red-badge-hover-bg ) ! important ;
}
2024-04-17 11:58:08 +03:00
. singular-commit . shabox . sha . label . isSigned . isVerified {
2023-03-15 05:20:19 +03:00
border : 1px solid var ( --color-green-badge ) ;
background : var ( --color-green-badge-bg ) ;
}
2024-04-17 11:58:08 +03:00
. singular-commit . shabox . sha . label . isSigned . isVerified : hover {
2023-03-15 05:20:19 +03:00
background : var ( --color-green-badge-hover-bg ) ! important ;
}
2024-04-17 11:58:08 +03:00
. singular-commit . shabox . sha . label . isSigned . isVerifiedUntrusted {
2023-03-15 05:20:19 +03:00
border : 1px solid var ( --color-yellow-badge ) ;
background : var ( --color-yellow-badge-bg ) ;
}
2024-04-17 11:58:08 +03:00
. singular-commit . shabox . sha . label . isSigned . isVerifiedUntrusted : hover {
2023-03-15 05:20:19 +03:00
background : var ( --color-yellow-badge-hover-bg ) ! important ;
}
2024-04-17 11:58:08 +03:00
. singular-commit . shabox . sha . label . isSigned . isVerifiedUnmatched {
2023-03-15 05:20:19 +03:00
border : 1px solid var ( --color-orange-badge ) ;
background : var ( --color-orange-badge-bg ) ;
}
2024-04-17 11:58:08 +03:00
. singular-commit . shabox . sha . label . isSigned . isVerifiedUnmatched : hover {
2023-03-15 05:20:19 +03:00
background : var ( --color-orange-badge-hover-bg ) ! important ;
}
. repository . view . issue . comment-list . timeline-item . event > . commit-status-link {
float : right ;
margin-right : 8px ;
margin-top : 4px ;
}
. repository . view . issue . comment-list . timeline-item . comparebox {
line-height : 32px ;
vertical-align : middle ;
}
. repository . view . issue . comment-list . timeline-item . comparebox . compare . label {
font-size : 1rem ;
margin : 0 ;
border : 1px solid var ( --color-light-border ) ;
}
2023-06-09 12:10:51 +03:00
@ media ( max-width : 767 . 98px ) {
2023-03-15 05:20:19 +03:00
. repository . view . issue . comment-list . timeline-item . ui . segments {
margin-left : -2rem ;
}
}
. repository . view . issue . comment-list . ui . comments {
max-width : 100 % ;
2024-04-14 13:44:11 +03:00
display : flex ;
flex-direction : column ;
gap : 3px ;
2023-03-15 05:20:19 +03:00
}
. repository . view . issue . comment-list . comment > . content > div : first-child {
border-top-left-radius : 4px ;
border-top-right-radius : 4px ;
}
. repository . view . issue . comment-list . comment > . content > div : last-child {
border-bottom-left-radius : 4px ;
border-bottom-right-radius : 4px ;
}
. repository . view . issue . comment-list . comment . comment-container {
border : 1px solid var ( --color-secondary ) ;
border-radius : var ( --border-radius ) ;
2024-04-14 13:44:11 +03:00
background : var ( --color-box-body ) ;
}
. repository . view . issue . comment-list . conversation-holder . comment . comment-container {
border : none ;
2023-03-15 05:20:19 +03:00
}
2023-06-09 12:10:51 +03:00
@ media ( max-width : 767 . 98px ) {
2023-03-15 05:20:19 +03:00
. repository . view . issue . comment-list . comment . content . form . button {
width : 100 % ;
margin : 0 ;
}
. repository . view . issue . comment-list . comment . content . form . button : not ( : last-child ) {
margin-bottom : 1rem ;
}
}
. repository . view . issue . comment-list . comment . merge-section {
background-color : var ( --color-box-body ) ;
}
. repository . view . issue . comment-list . comment . merge-section . item-section {
display : flex ;
2024-03-05 06:03:14 +03:00
flex-wrap : wrap ;
2023-03-15 05:20:19 +03:00
align-items : center ;
justify-content : space-between ;
padding : 0 ;
2024-03-05 06:03:14 +03:00
gap : 0 . 5em ;
2023-03-15 05:20:19 +03:00
}
. repository . view . issue . comment-list . comment . merge-section . divider {
margin-left : -1rem ;
2023-06-29 15:24:22 +03:00
width : calc ( 100 % + 2rem ) ;
2023-03-15 05:20:19 +03:00
}
. repository . view . issue . comment-list . comment . merge-section . no-header :: before ,
. repository . view . issue . comment-list . comment . merge-section . no-header :: after {
right : 100 % ;
top : 20px ;
border : solid transparent ;
content : " " ;
height : 0 ;
width : 0 ;
position : absolute ;
pointer-events : none ;
}
. repository . view . issue . comment-list . comment . merge-section . no-header :: before {
border-right-color : var ( --color-secondary ) ;
border-width : 9px ;
margin-top : -9px ;
}
. repository . view . issue . comment-list . comment . merge-section . no-header :: after {
border-right-color : var ( --color-box-body ) ;
border-width : 8px ;
margin-top : -8px ;
}
2023-04-23 21:12:36 +03:00
. merge-section-info code {
border : 1px solid var ( --color-light-border ) ;
2023-08-28 22:43:59 +03:00
border-radius : var ( --border-radius ) ;
2023-04-23 21:12:36 +03:00
padding : 2px 4px ;
background : var ( --color-light ) ;
}
2023-03-15 05:20:19 +03:00
. repository . view . issue . comment-list . comment . markup {
font-size : 14px ;
}
. repository . view . issue . comment-list . comment . no-content {
color : var ( --color-text-light-2 ) ;
font-style : italic ;
}
. repository . view . issue . comment-list . comment . ui . form . field : first-child {
clear : none ;
}
. repository . view . issue . comment-list . comment . ui . form . field . footer {
overflow : hidden ;
}
. repository . view . issue . comment-list . comment . ui . form . field . tab . markup {
min-height : 5rem ;
}
. repository . view . issue . comment-list . comment . edit . buttons {
margin-top : 10px ;
}
. repository . view . issue . comment-list . code-comment {
border : 1px solid transparent ;
margin : 0 ;
}
. repository . view . issue . comment-list . code-comment . comment-header {
background : transparent ;
border-bottom : 0 ! important ;
padding : 0 ! important ;
}
. repository . view . issue . comment-list . code-comment . comment-header :: after ,
. repository . view . issue . comment-list . code-comment . comment-header :: before {
display : none ;
}
. repository . view . issue . comment-list . code-comment . comment-content {
margin-left : 36px ;
}
2023-04-08 00:30:04 +03:00
. repository . view . issue . comment-list . comment > . avatar {
margin-top : 6px ;
}
. repository . view . issue . comment-list . comment > . avatar ~ . content {
2023-05-14 17:15:59 +03:00
margin-left : 42px ;
2023-03-15 05:20:19 +03:00
}
. repository . view . issue . comment-list . comment-code-cloud button . comment-form-reply {
margin : 0 ;
}
. repository . view . issue . comment-list . event {
padding-left : 15px ;
}
. repository . view . issue . comment-list . event . detail {
margin-top : 4px ;
2024-03-14 22:01:16 +03:00
margin-left : 15px ;
2023-03-15 05:20:19 +03:00
}
2024-04-15 11:49:48 +03:00
. repository . view . issue . comment-list . event . detail . text {
overflow : hidden ;
white-space : nowrap ;
text-overflow : ellipsis ;
}
2023-03-15 05:20:19 +03:00
. repository . view . issue . comment-list . event . segments {
box-shadow : none ;
}
2023-06-09 12:10:51 +03:00
@ media ( max-width : 767 . 98px ) {
2023-03-15 05:20:19 +03:00
. repository . view . issue . comment-list {
padding : 1rem 0 ! important ; /* Important is required here to override existing fomantic styles. */
}
}
. repository . view . issue . ui . depending . item . is-closed . title {
text-decoration : line-through ;
}
. repository . comment . form . content . field : first-child {
clear : none ;
}
2024-04-21 20:00:04 +03:00
. repository . comment . form . content . segment :: before ,
. repository . comment . form . content . segment :: after {
2023-03-15 05:20:19 +03:00
right : 100 % ;
top : 20px ;
border : solid transparent ;
content : " " ;
height : 0 ;
width : 0 ;
position : absolute ;
pointer-events : none ;
}
2024-04-21 20:00:04 +03:00
. repository . comment . form . content . segment :: before {
2023-03-15 05:20:19 +03:00
border-right-color : var ( --color-secondary ) ;
border-width : 9px ;
margin-top : -9px ;
}
2024-04-21 20:00:04 +03:00
. repository . comment . form . content . segment :: after {
2023-03-15 05:20:19 +03:00
border-right-color : var ( --color-box-body ) ;
border-width : 8px ;
margin-top : -8px ;
}
. repository . new . milestone textarea {
height : 200px ;
}
2023-06-05 09:25:46 +03:00
. milestone-progress-big {
width : min ( 420px , 96vw ) ;
height : 10px ;
}
2023-03-15 05:20:19 +03:00
. repository . compare . pull . show-form-container {
text-align : left ;
}
2023-07-04 20:45:45 +03:00
. repository . choose . branch {
display : flex ;
align-items : center ;
gap : 8px ;
flex-wrap : wrap ;
}
2024-01-05 20:38:56 +03:00
. repository . choose . compare-separator {
width : 100 % ;
margin-top : -1rem ;
text-align : center ;
2023-03-15 05:20:19 +03:00
}
. repository . compare . pull . comment . form . content :: before ,
. repository . compare . pull . comment . form . content :: after {
right : 100 % ;
top : 20px ;
border : solid transparent ;
content : " " ;
height : 0 ;
width : 0 ;
position : absolute ;
pointer-events : none ;
}
. repository . compare . pull . comment . form . content :: before {
border-right-color : var ( --color-secondary ) ;
border-width : 9px ;
margin-top : -9px ;
}
. repository . compare . pull . comment . form . content :: after {
border-right-color : var ( --color-box-body ) ;
border-width : 8px ;
margin-top : -8px ;
}
. repository . compare . pull . pullrequest-form {
2023-05-29 13:44:03 +03:00
margin-top : 16px ;
margin-bottom : 16px ;
2023-03-15 05:20:19 +03:00
}
. repository . compare . pull . markup {
font-size : 14px ;
}
. repository . branches . commit-divergence . bar-group {
position : relative ;
float : left ;
padding-bottom : 6px ;
width : 50 % ;
max-width : 90px ;
}
. repository . branches . commit-divergence . bar-group : last-child {
border-left : 1px solid var ( --color-secondary-dark-2 ) ;
}
. repository . branches . commit-divergence . count {
margin : 0 3px ;
}
. repository . branches . commit-divergence . count . count-ahead {
text-align : left ;
}
. repository . branches . commit-divergence . count . count-behind {
text-align : right ;
}
. repository . branches . commit-divergence . bar {
height : 4px ;
position : absolute ;
background-color : var ( --color-secondary-dark-2 ) ;
}
. repository . branches . commit-divergence . bar . bar-behind {
right : 0 ;
}
. repository . branches . commit-divergence . bar . bar-ahead {
left : 0 ;
}
. repository . commits . header . search input {
2023-05-22 02:37:32 +03:00
font-weight : var ( --font-weight-normal ) ;
2023-03-15 05:20:19 +03:00
padding : 5px 10px ;
}
2023-07-07 00:07:57 +03:00
. repository # commits-table td : not ( . message ) {
white-space : nowrap ;
2023-03-15 05:20:19 +03:00
}
. repository # commits-table thead . sha {
width : 200px ;
}
. repository # commits-table thead . shatd {
text-align : center ;
}
. repository # commits-table td . sha . sha . label {
margin : 0 ;
}
. repository # commits-table . ui . basic . striped . table tbody tr : nth-child ( 2n ) {
2023-05-03 06:15:52 +03:00
background-color : var ( --color-light ) ! important ;
2023-03-15 05:20:19 +03:00
}
. repository # commits-table td . sha . sha . label ,
. repository # repo-files-table . sha . label ,
2024-01-15 19:42:15 +03:00
. repository # repo-file-commit-box . sha . label ,
2023-03-15 05:20:19 +03:00
. repository # rev-list . sha . label ,
. repository . timeline-item . commits-list . singular-commit . sha . label {
border : 1px solid var ( --color-light-border ) ;
}
. repository # commits-table td . sha . sha . label . ui . signature . avatar ,
. repository # repo-files-table . sha . label . ui . signature . avatar ,
2024-01-15 19:42:15 +03:00
. repository # repo-file-commit-box . sha . label . ui . signature . avatar ,
2023-03-15 05:20:19 +03:00
. repository # rev-list . sha . label . ui . signature . avatar ,
. repository . timeline-item . commits-list . singular-commit . sha . label . ui . signature . avatar {
height : 16px ;
margin-bottom : 0 ;
width : 16px ;
}
. repository # commits-table td . sha . sha . label . detail . icon ,
. repository # repo-files-table . sha . label . detail . icon ,
2024-01-15 19:42:15 +03:00
. repository # repo-file-commit-box . sha . label . detail . icon ,
2023-03-15 05:20:19 +03:00
. repository # rev-list . sha . label . detail . icon ,
. repository . timeline-item . commits-list . singular-commit . sha . label . detail . icon {
background : var ( --color-light ) ;
margin : -6px -10px -4px 0 ;
padding : 5px 4px 5px 6px ;
border-left : 1px solid var ( --color-light-border ) ;
border-top : 0 ;
border-right : 0 ;
border-bottom : 0 ;
border-top-left-radius : 0 ;
border-bottom-left-radius : 0 ;
}
. repository # commits-table td . sha . sha . label . detail . icon img ,
. repository # repo-files-table . sha . label . detail . icon img ,
2024-01-15 19:42:15 +03:00
. repository # repo-file-commit-box . sha . label . detail . icon img ,
2023-03-15 05:20:19 +03:00
. repository # rev-list . sha . label . detail . icon img ,
. repository . timeline-item . commits-list . singular-commit . sha . label . detail . icon img {
margin-right : 0 ;
}
. repository # commits-table td . sha . sha . label . detail . icon . svg ,
. repository # repo-files-table . sha . label . detail . icon . svg ,
2024-01-15 19:42:15 +03:00
. repository # repo-file-commit-box . sha . label . detail . icon . svg ,
2023-03-15 05:20:19 +03:00
. repository # rev-list . sha . label . detail . icon . svg ,
. repository . timeline-item . commits-list . singular-commit . sha . label . detail . icon . svg {
margin : 0 0 . 25em 0 0 ;
}
. repository # commits-table td . sha . sha . label . detail . icon > div ,
. repository # repo-files-table . sha . label . detail . icon > div ,
2024-01-15 19:42:15 +03:00
. repository # repo-file-commit-box . sha . label . detail . icon > div ,
2023-03-15 05:20:19 +03:00
. repository # rev-list . sha . label . detail . icon > div ,
. repository . timeline-item . commits-list . singular-commit . sha . label . detail . icon > div {
display : flex ;
align-items : center ;
}
. repository # commits-table td . sha . sha . label . isSigned . isWarning ,
. repository # repo-files-table . sha . label . isSigned . isWarning ,
2024-01-15 19:42:15 +03:00
. repository # repo-file-commit-box . sha . label . isSigned . isWarning ,
2023-03-15 05:20:19 +03:00
. repository # rev-list . sha . label . isSigned . isWarning ,
. repository . timeline-item . commits-list . singular-commit . sha . label . isSigned . isWarning {
border : 1px solid var ( --color-red-badge ) ;
background : var ( --color-red-badge-bg ) ;
}
. repository # commits-table td . sha . sha . label . isSigned . isWarning . detail . icon ,
. repository # repo-files-table . sha . label . isSigned . isWarning . detail . icon ,
2024-01-15 19:42:15 +03:00
. repository # repo-file-commit-box . sha . label . isSigned . isWarning . detail . icon ,
2023-03-15 05:20:19 +03:00
. repository # rev-list . sha . label . isSigned . isWarning . detail . icon ,
. repository . timeline-item . commits-list . singular-commit . sha . label . isSigned . isWarning . detail . icon {
border-left : 1px solid var ( --color-red-badge ) ;
color : var ( --color-red-badge ) ;
}
. repository # commits-table td . sha . sha . label . isSigned . isWarning : hover ,
. repository # repo-files-table . sha . label . isSigned . isWarning : hover ,
2024-01-15 19:42:15 +03:00
. repository # repo-file-commit-box . sha . label . isSigned . isWarning : hover ,
2023-03-15 05:20:19 +03:00
. repository # rev-list . sha . label . isSigned . isWarning : hover ,
. repository . timeline-item . commits-list . singular-commit . sha . label . isSigned . isWarning : hover {
background : var ( --color-red-badge-hover-bg ) ! important ;
}
. repository # commits-table td . sha . sha . label . isSigned . isVerified ,
. repository # repo-files-table . sha . label . isSigned . isVerified ,
2024-01-15 19:42:15 +03:00
. repository # repo-file-commit-box . sha . label . isSigned . isVerified ,
2023-03-15 05:20:19 +03:00
. repository # rev-list . sha . label . isSigned . isVerified ,
. repository . timeline-item . commits-list . singular-commit . sha . label . isSigned . isVerified {
border : 1px solid var ( --color-green-badge ) ;
background : var ( --color-green-badge-bg ) ;
}
. repository # commits-table td . sha . sha . label . isSigned . isVerified . detail . icon ,
. repository # repo-files-table . sha . label . isSigned . isVerified . detail . icon ,
2024-01-15 19:42:15 +03:00
. repository # repo-file-commit-box . sha . label . isSigned . isVerified . detail . icon ,
2023-03-15 05:20:19 +03:00
. repository # rev-list . sha . label . isSigned . isVerified . detail . icon ,
. repository . timeline-item . commits-list . singular-commit . sha . label . isSigned . isVerified . detail . icon {
border-left : 1px solid var ( --color-green-badge ) ;
color : var ( --color-green-badge ) ;
}
. repository # commits-table td . sha . sha . label . isSigned . isVerified : hover ,
. repository # repo-files-table . sha . label . isSigned . isVerified : hover ,
2024-01-15 19:42:15 +03:00
. repository # repo-file-commit-box . sha . label . isSigned . isVerified : hover ,
2023-03-15 05:20:19 +03:00
. repository # rev-list . sha . label . isSigned . isVerified : hover ,
. repository . timeline-item . commits-list . singular-commit . sha . label . isSigned . isVerified : hover {
background : var ( --color-green-badge-hover-bg ) ! important ;
}
. repository # commits-table td . sha . sha . label . isSigned . isVerifiedUntrusted ,
. repository # repo-files-table . sha . label . isSigned . isVerifiedUntrusted ,
2024-01-15 19:42:15 +03:00
. repository # repo-file-commit-box . sha . label . isSigned . isVerifiedUntrusted ,
2023-03-15 05:20:19 +03:00
. repository # rev-list . sha . label . isSigned . isVerifiedUntrusted ,
. repository . timeline-item . commits-list . singular-commit . sha . label . isSigned . isVerifiedUntrusted {
border : 1px solid var ( --color-yellow-badge ) ;
background : var ( --color-yellow-badge-bg ) ;
}
. repository # commits-table td . sha . sha . label . isSigned . isVerifiedUntrusted . detail . icon ,
. repository # repo-files-table . sha . label . isSigned . isVerifiedUntrusted . detail . icon ,
2024-01-15 19:42:15 +03:00
. repository # repo-file-commit-box . sha . label . isSigned . isVerifiedUntrusted . detail . icon ,
2023-03-15 05:20:19 +03:00
. repository # rev-list . sha . label . isSigned . isVerifiedUntrusted . detail . icon ,
. repository . timeline-item . commits-list . singular-commit . sha . label . isSigned . isVerifiedUntrusted . detail . icon {
border-left : 1px solid var ( --color-yellow-badge ) ;
color : var ( --color-yellow-badge ) ;
}
. repository # commits-table td . sha . sha . label . isSigned . isVerifiedUntrusted : hover ,
. repository # repo-files-table . sha . label . isSigned . isVerifiedUntrusted : hover ,
2024-01-15 19:42:15 +03:00
. repository # repo-file-commit-box . sha . label . isSigned . isVerifiedUntrusted : hover ,
2023-03-15 05:20:19 +03:00
. repository # rev-list . sha . label . isSigned . isVerifiedUntrusted : hover ,
. repository . timeline-item . commits-list . singular-commit . sha . label . isSigned . isVerifiedUntrusted : hover {
background : var ( --color-yellow-badge-hover-bg ) ! important ;
}
. repository # commits-table td . sha . sha . label . isSigned . isVerifiedUnmatched ,
. repository # repo-files-table . sha . label . isSigned . isVerifiedUnmatched ,
2024-01-15 19:42:15 +03:00
. repository # repo-file-commit-box . sha . label . isSigned . isVerifiedUnmatched ,
2023-03-15 05:20:19 +03:00
. repository # rev-list . sha . label . isSigned . isVerifiedUnmatched ,
. repository . timeline-item . commits-list . singular-commit . sha . label . isSigned . isVerifiedUnmatched {
border : 1px solid var ( --color-orange-badge ) ;
background : var ( --color-orange-badge-bg ) ;
}
. repository # commits-table td . sha . sha . label . isSigned . isVerifiedUnmatched . detail . icon ,
. repository # repo-files-table . sha . label . isSigned . isVerifiedUnmatched . detail . icon ,
2024-01-15 19:42:15 +03:00
. repository # repo-file-commit-box . sha . label . isSigned . isVerifiedUnmatched . detail . icon ,
2023-03-15 05:20:19 +03:00
. repository # rev-list . sha . label . isSigned . isVerifiedUnmatched . detail . icon ,
. repository . timeline-item . commits-list . singular-commit . sha . label . isSigned . isVerifiedUnmatched . detail . icon {
border-left : 1px solid var ( --color-orange-badge ) ;
color : var ( --color-orange-badge ) ;
}
. repository # commits-table td . sha . sha . label . isSigned . isVerifiedUnmatched : hover ,
. repository # repo-files-table . sha . label . isSigned . isVerifiedUnmatched : hover ,
2024-01-15 19:42:15 +03:00
. repository # repo-file-commit-box . sha . label . isSigned . isVerifiedUnmatched : hover ,
2023-03-15 05:20:19 +03:00
. repository # rev-list . sha . label . isSigned . isVerifiedUnmatched : hover ,
. repository . timeline-item . commits-list . singular-commit . sha . label . isSigned . isVerifiedUnmatched : hover {
background : var ( --color-orange-badge-hover-bg ) ! important ;
}
. repository . data-table {
width : 100 % ;
}
. repository . data-table tr {
border-top : 0 ;
2024-03-10 22:28:59 +03:00
background : none ! important ;
2023-03-15 05:20:19 +03:00
}
. repository . data-table td ,
. repository . data-table th {
padding : 5px ! important ;
overflow : hidden ;
font-size : 12px ;
text-align : left ;
white-space : nowrap ;
border : 1px solid var ( --color-secondary ) ;
}
2024-03-10 22:28:59 +03:00
/ * the border css competes with . markup where all tables have outer border which would add a double
border here , remove only the outer borders from this table * /
. repository . data-table tr : first-child : is ( td , th ) {
border-top : none ! important ;
}
. repository . data-table tr : last-child : is ( td , th ) {
border-bottom : none ! important ;
}
. repository . data-table tr : is ( td , th ) : first-child {
border-left : none ! important ;
}
. repository . data-table tr : is ( td , th ) : last-child {
border-right : none ! important ;
}
2023-03-15 05:20:19 +03:00
. repository . data-table td {
white-space : pre-line ;
}
. repository . data-table th {
2023-05-22 02:37:32 +03:00
font-weight : var ( --font-weight-semibold ) ;
2023-03-15 05:20:19 +03:00
background : var ( --color-box-header ) ;
border-top : 0 ;
}
. repository . data-table td . added ,
. repository . data-table th . added ,
. repository . data-table tr . added {
background-color : var ( --color-diff-added-row-bg ) ! important ;
}
. repository . data-table td . removed ,
. repository . data-table th . removed ,
. repository . data-table tr . removed {
background-color : var ( --color-diff-removed-row-bg ) ! important ;
}
. repository . data-table td . moved ,
. repository . data-table th . moved ,
. repository . data-table tr . moved {
background-color : var ( --color-diff-moved-row-bg ) ! important ;
}
. repository . data-table tbody . section {
border-top : 2px solid var ( --color-secondary ) ;
}
. repository . data-table . line-num {
width : 1 % ;
min-width : 50px ;
font-family : monospace ;
line-height : 20px ;
2024-03-10 22:28:59 +03:00
color : var ( --color-text-light-1 ) ;
2023-03-15 05:20:19 +03:00
white-space : nowrap ;
vertical-align : top ;
cursor : pointer ;
text-align : right ;
background : var ( --color-body ) ;
border : 0 ;
}
. repository . diff-detail-box {
2023-09-28 13:00:26 +03:00
display : flex ;
justify-content : space-between ;
align-items : center ;
position : sticky ;
top : 0 ;
z-index : 8 ;
2023-10-20 17:56:19 +03:00
padding : 7px 5px ;
margin : 0 -5px ; /* negative margin so it covers active file shadow */
2023-09-28 13:00:26 +03:00
height : 44px ; /* this height should match sticky-2nd-row */
2023-03-15 05:20:19 +03:00
background : var ( --color-body ) ;
}
@ media ( max-width : 480px ) {
. repository . diff-detail-box {
flex-wrap : wrap ;
}
}
. repository . diff-detail-box . diff-detail-stats strong {
margin-left : 0 . 25rem ;
margin-right : 0 . 25rem ;
}
/* Because the translations contain the <strong> we need to style with nth-of-type */
. repository . diff-detail-box . diff-detail-stats strong : nth-of-type ( 1 ) {
color : var ( --color-yellow ) ;
}
. repository . diff-detail-box . diff-detail-stats strong : nth-of-type ( 2 ) {
color : var ( --color-green ) ;
}
. repository . diff-detail-box . diff-detail-stats strong : nth-of-type ( 3 ) {
color : var ( --color-red ) ;
}
2024-02-18 17:51:21 +03:00
@ media ( max-width : 800px ) {
2023-03-15 05:20:19 +03:00
. repository . diff-detail-box . diff-detail-stats {
2023-11-16 06:58:53 +03:00
display : none ! important ;
2023-03-15 05:20:19 +03:00
}
}
2023-03-30 15:06:10 +03:00
. diff-detail-actions {
2023-08-24 18:46:30 +03:00
display : flex ;
align-items : center ;
gap : 0 . 25em ;
justify-content : end ;
2023-03-30 15:06:10 +03:00
}
2023-06-01 13:47:28 +03:00
. diff-detail-actions > * ,
. diff-detail-actions . button {
margin-left : 0 ! important ;
margin-right : 0 ! important ;
2023-03-15 05:20:19 +03:00
}
. repository . diff-detail-box span . status {
display : inline-block ;
width : 12px ;
height : 12px ;
margin-right : 8px ;
vertical-align : middle ;
}
. repository . diff-detail-box span . status . modify {
background-color : var ( --color-yellow ) ;
}
. repository . diff-detail-box span . status . add {
background-color : var ( --color-green ) ;
}
. repository . diff-detail-box span . status . del {
background-color : var ( --color-red ) ;
}
. repository . diff-detail-box span . status . rename {
background-color : var ( --color-teal ) ;
}
2023-06-21 02:22:48 +03:00
. repository . diff-detail-box . ui . button {
padding : 0 12px ;
height : 30px ;
2023-03-15 05:20:19 +03:00
}
. repository . diff-box . header : not ( . resolved-placeholder ) {
display : flex ;
align-items : center ;
}
. repository . diff-box . header : not ( . resolved-placeholder ) . file {
min-width : 0 ;
}
. repository . diff-box . header : not ( . resolved-placeholder ) . file . file-link {
max-width : fit-content ;
display : -webkit-box ;
-webkit-box-orient : vertical ;
-webkit-line-clamp : 2 ;
overflow : hidden ;
}
. repository . diff-box . header : not ( . resolved-placeholder ) . button {
2023-09-04 13:22:46 +03:00
padding : 0 12px ;
2023-03-15 05:20:19 +03:00
flex : 0 0 auto ;
margin-right : 0 ;
2023-09-04 13:22:46 +03:00
height : 30px ;
2023-06-01 13:47:28 +03:00
}
2023-03-15 05:20:19 +03:00
. repository . diff-box . resolved-placeholder {
display : flex ;
align-items : center ;
2023-06-21 19:08:12 +03:00
font-size : 14px ! important ;
height : 36px ;
padding-top : 0 ;
padding-bottom : 0 ;
2023-03-15 05:20:19 +03:00
}
. repository . diff-box . resolved-placeholder . button {
padding : 8px 12px ;
}
. repository . diff-file-box . header {
background-color : var ( --color-box-header ) ;
}
. repository . diff-file-box . file-body . file-code {
background : var ( --color-code-bg ) ;
2024-04-29 23:53:15 +03:00
border-radius : var ( --border-radius ) ;
2023-03-15 05:20:19 +03:00
}
. repository . diff-file-box . file-body . file-code . lines-num {
text-align : right ;
width : 1 % ;
min-width : 50px ;
}
. repository . diff-file-box . file-body . file-code . lines-num span . fold {
display : block ;
text-align : center ;
}
. repository . diff-file-box . code-diff td {
padding : 0 0 0 10px ! important ;
border-top : 0 ;
}
. repository . diff-file-box . code-diff . lines-num {
padding : 0 5px ! important ;
}
. repository . diff-file-box . code-diff . tag-code . lines-num ,
. repository . diff-file-box . code-diff . tag-code td {
padding : 0 ! important ;
}
2023-04-04 14:05:07 +03:00
. repository . diff-file-box . code-diff table {
table-layout : fixed ;
}
. repository . diff-file-box . code-diff tbody tr td . lines-num ,
. repository . diff-file-box . code-diff tbody tr td . lines-escape ,
. repository . diff-file-box . code-diff tbody tr td . lines-type-marker {
white-space : nowrap ;
2023-03-15 05:20:19 +03:00
}
. repository . diff-file-box . code-diff tbody tr td . center {
text-align : center ;
}
. repository . diff-file-box . code-diff tbody tr [ data-line-num ] :: before {
content : attr ( data-line-num ) ;
text-align : right ;
}
. repository . diff-file-box . code-diff tbody tr . lines-type-marker {
width : 10px ;
min-width : 10px ;
}
. repository . diff-file-box . code-diff tbody tr [ data-type-marker ] :: before {
content : attr ( data-type-marker ) ;
text-align : right ;
display : inline-block ;
}
. repository . diff-file-box . code-diff-split . tag-code . lines-code code . code-inner {
padding-left : 10px ! important ;
}
. repository . diff-file-box . code-diff-split table ,
. repository . diff-file-box . code-diff-split tbody {
width : 100 % ;
}
. repository . diff-file-box . file-content {
clear : right ;
}
2023-06-09 11:37:47 +03:00
. repository . diff-file-box . file-content . image-diff img {
2023-03-15 05:20:19 +03:00
max-width : 100 % ;
padding : 0 ;
border-radius : 0 ;
}
. repository . diff-file-box . ui . bottom . attached . table . segment {
padding-top : 5px ;
padding-bottom : 5px ;
}
2023-03-30 15:06:10 +03:00
. diff-file-box {
border : 1px solid transparent ;
border-radius : var ( --border-radius ) ;
2023-04-05 02:51:42 +03:00
scroll-margin-top : 47px ; /* match .repository .diff-detail-box */
}
2023-05-29 15:45:22 +03:00
. file . editor . diff-file-box {
border : none ;
}
. file . editor . diff-file-box . ui . attached . table {
border : none ;
}
2023-03-30 15:06:10 +03:00
/* TODO: this can potentially be made "global" by removing the class prefix */
. diff-file-box . ui . attached . header ,
. diff-file-box . ui . attached . table {
2023-06-17 16:20:32 +03:00
margin : 0 ; /* remove fomantic negative margins */
width : initial ; /* remove fomantic over 100% width */
max-width : initial ; /* remove fomantic over 100% width */
2023-03-30 15:06:10 +03:00
}
2023-03-15 05:20:19 +03:00
. repository . diff-stats {
clear : both ;
margin-bottom : 5px ;
2023-03-30 15:06:10 +03:00
max-height : 200px ;
height : fit-content ;
2023-03-15 05:20:19 +03:00
overflow : auto ;
padding-left : 0 ;
}
. repository . diff-stats li {
list-style : none ;
padding-bottom : 4px ;
margin-bottom : 4px ;
padding-left : 6px ;
}
. repository . diff-stats li + li {
border-top : 1px solid var ( --color-secondary ) ;
}
. repository . repo-search-result {
padding-top : 10px ;
padding-bottom : 10px ;
}
. repository . repo-search-result . lines-num a {
color : inherit ;
}
. repository . quickstart . guide . item {
padding : 1em ;
}
. repository . quickstart . guide . item small {
2023-05-22 02:37:32 +03:00
font-weight : var ( --font-weight-normal ) ;
2023-03-15 05:20:19 +03:00
}
. repository . quickstart . guide # repo-clone-url {
border-radius : 0 ;
padding : 5px 10px ;
font-size : 1 . 2em ;
line-height : 1 . 4 ;
2023-04-19 16:40:42 +03:00
flex : 1
2023-03-15 05:20:19 +03:00
}
2023-10-26 00:42:14 +03:00
. empty-placeholder {
display : flex ;
flex-direction : column ;
align-items : center ;
padding-top : 40px ;
padding-bottom : 40px ;
2023-03-15 05:20:19 +03:00
}
. repository . packages . file-size {
white-space : nowrap ;
}
2023-04-08 00:30:04 +03:00
. file-view . markup {
padding : 1em 2em ;
}
2023-06-18 13:31:42 +03:00
. repository . activity-header {
display : flex ;
justify-content : space-between ;
gap : 8px ;
flex-wrap : wrap ;
}
2023-04-29 13:44:52 +03:00
/* if the element is for a checkbox, then it should have a padding-left to align to the checkbox's text */
. repository . settings . branches . branch-protection . ui . checkbox . help ,
. repository . settings . branches . branch-protection . checkbox-sub-item {
padding-left : 26px ;
2023-03-15 05:20:19 +03:00
}
2023-05-17 11:11:13 +03:00
. repository . settings . branches . branch-protection . status-check-matched-mark {
2023-05-22 02:37:32 +03:00
font-weight : var ( --font-weight-semibold ) ;
2023-05-17 11:11:13 +03:00
font-style : italic ;
}
2023-03-15 05:20:19 +03:00
. repository . settings . webhook . events . column {
padding-bottom : 0 ;
}
. repository . settings . webhook . events . help {
font-size : 13px ;
margin-left : 26px ;
padding-top : 0 ;
}
. repository . ui . attached . isSigned . isWarning {
border-left : 1px solid var ( --color-error-border ) ;
border-right : 1px solid var ( --color-error-border ) ;
}
. repository . ui . attached . isSigned . isWarning . top ,
. repository . ui . attached . isSigned . isWarning . message {
border-top : 1px solid var ( --color-error-border ) ;
}
. repository . ui . attached . isSigned . isWarning . message {
box-shadow : none ;
background-color : var ( --color-error-bg ) ;
color : var ( --color-error-text ) ;
}
. repository . ui . attached . isSigned . isWarning . message . ui . text {
color : var ( --color-error-text ) ;
}
. repository . ui . attached . isSigned . isWarning : last-child ,
. repository . ui . attached . isSigned . isWarning . bottom {
border-bottom : 1px solid var ( --color-error-border ) ;
}
. repository . ui . attached . isSigned . isVerified {
border-left : 1px solid var ( --color-success-border ) ;
border-right : 1px solid var ( --color-success-border ) ;
}
. repository . ui . attached . isSigned . isVerified . top ,
. repository . ui . attached . isSigned . isVerified . message {
border-top : 1px solid var ( --color-success-border ) ;
}
. repository . ui . attached . isSigned . isVerified . message {
box-shadow : none ;
background-color : var ( --color-success-bg ) ;
color : var ( --color-success-text ) ;
}
. repository . ui . attached . isSigned . isVerified . message . pull-right {
color : var ( --color-text ) ;
}
. repository . ui . attached . isSigned . isVerified . message . ui . text {
color : var ( --color-success-text ) ;
}
. repository . ui . attached . isSigned . isVerified : last-child ,
. repository . ui . attached . isSigned . isVerified . bottom {
border-bottom : 1px solid var ( --color-success-border ) ;
}
. repository . ui . attached . isSigned . isVerifiedUntrusted ,
. repository . ui . attached . isSigned . isVerifiedUnmatched {
border-left : 1px solid var ( --color-warning-border ) ;
border-right : 1px solid var ( --color-warning-border ) ;
}
. repository . ui . attached . isSigned . isVerifiedUntrusted . top ,
. repository . ui . attached . isSigned . isVerifiedUnmatched . top ,
. repository . ui . attached . isSigned . isVerifiedUntrusted . message ,
. repository . ui . attached . isSigned . isVerifiedUnmatched . message {
border-top : 1px solid var ( --color-warning-border ) ;
}
. repository . ui . attached . isSigned . isVerifiedUntrusted . message ,
. repository . ui . attached . isSigned . isVerifiedUnmatched . message {
box-shadow : none ;
background-color : var ( --color-warning-bg ) ;
color : var ( --color-warning-text ) ;
}
. repository . ui . attached . isSigned . isVerifiedUntrusted . message . ui . text ,
. repository . ui . attached . isSigned . isVerifiedUnmatched . message . ui . text {
color : var ( --color-warning-text ) ;
}
. repository . ui . attached . isSigned . isVerifiedUntrusted : last-child ,
. repository . ui . attached . isSigned . isVerifiedUnmatched : last-child ,
. repository . ui . attached . isSigned . isVerifiedUntrusted . bottom ,
. repository . ui . attached . isSigned . isVerifiedUnmatched . bottom {
border-bottom : 1px solid var ( --color-warning-border ) ;
}
. repository . ui . fluid . action . input . ui . search . action . input {
flex : auto ;
}
. repository . repository-summary {
2023-09-10 13:27:23 +03:00
box-shadow : none ;
2023-03-15 05:20:19 +03:00
}
2023-09-10 13:27:23 +03:00
. repository . repository-summary . segment . sub-menu {
border : none ;
display : flex ;
align-items : center ;
2023-09-21 16:16:14 +03:00
padding : 0 ;
2023-09-10 13:27:23 +03:00
overflow : hidden ;
2023-03-15 05:20:19 +03:00
}
2023-09-10 13:27:23 +03:00
. repository . repository-summary . sub-menu . item {
flex : 1 ;
height : 30px ;
line-height : var ( --line-height-default ) ;
2023-03-15 05:20:19 +03:00
display : flex ;
2023-09-10 13:27:23 +03:00
align-items : center ;
justify-content : center ;
gap : 0 . 25em ;
2023-09-21 16:16:14 +03:00
padding : 0 0 . 5em ; /* make the UI look better for narrow (mobile) view */
text-decoration : none ;
2023-03-15 05:20:19 +03:00
}
2023-09-10 13:27:23 +03:00
. repository . repository-summary . sub-menu . item . active {
background : var ( --color-secondary ) ;
2023-03-15 05:20:19 +03:00
}
2023-09-10 13:27:23 +03:00
. repository . repository-summary . segment . language-stats {
display : flex ;
2023-10-20 20:33:05 +03:00
gap : 2px ;
2023-03-15 05:20:19 +03:00
padding : 0 ;
2023-09-10 13:27:23 +03:00
height : 10px ;
white-space : nowrap ;
border-radius : 0 0 3px 3px ! important ;
overflow : hidden ;
2023-03-15 05:20:19 +03:00
}
# cite-repo-modal # citation-panel {
2024-03-15 05:38:13 +03:00
display : flex ;
width : 100 % ;
2023-03-15 05:20:19 +03:00
}
# cite-repo-modal # citation-panel input {
border-radius : 0 ;
padding : 5px 10px ;
width : 50 % ;
line-height : 1 . 4 ;
}
# cite-repo-modal # citation-panel . citation . button {
font-size : 13px ;
padding : 7 . 5px 5px ;
}
# cite-repo-modal # citation-panel # citation-copy-content {
border-radius : 0 ;
padding : 5px 10px ;
font-size : 1 . 2em ;
line-height : 1 . 4 ;
2024-03-15 05:38:13 +03:00
flex : 1 ;
2023-03-15 05:20:19 +03:00
}
# cite-repo-modal # citation-panel # citation-copy-apa ,
# cite-repo-modal # citation-panel # citation-copy-bibtex {
border-right : none ;
}
# cite-repo-modal # citation-panel # goto-citation-btn {
border-left : none ;
}
# cite-repo-modal # citation-panel > : first-child {
border-radius : var ( --border-radius ) 0 0 var ( --border-radius ) ! important ;
}
# cite-repo-modal # citation-panel > : last-child {
border-radius : 0 var ( --border-radius ) var ( --border-radius ) 0 ! important ;
}
# cite-repo-modal # citation-panel . icon . button {
padding : 0 10px ;
}
. user-cards . list {
padding : 0 ;
display : flex ;
flex-wrap : wrap ;
}
. user-cards . list . item {
list-style : none ;
width : 32 % ;
margin : 10px 10px 10px 0 ;
padding-bottom : 14px ;
float : left ;
}
. user-cards . list . item . avatar {
width : 48px ;
height : 48px ;
float : left ;
display : block ;
margin-right : 10px ;
}
. user-cards . list . item . name {
margin-top : 0 ;
margin-bottom : 0 ;
2023-05-22 02:37:32 +03:00
font-weight : var ( --font-weight-normal ) ;
2023-03-15 05:20:19 +03:00
}
. user-cards . list . item . meta {
margin-top : 5px ;
}
2023-09-12 19:44:48 +03:00
# search-user-box . results . result . image {
2024-02-01 20:10:16 +03:00
order : 0 ;
margin-right : 12px ;
2023-03-15 05:20:19 +03:00
width : 2em ;
height : 2em ;
2024-02-01 20:10:16 +03:00
min-width : 2em ;
min-height : 2em ;
2023-03-15 05:20:19 +03:00
}
# search-user-box . results . result . content {
2024-02-01 20:10:16 +03:00
margin : 0 ; /* remove margin reserved for avatar because we move it to left via `order: 0` */
2023-03-15 05:20:19 +03:00
}
. ui . menu . item > img : not ( . ui ) {
width : auto ;
}
. page . buttons {
padding-top : 15px ;
}
. commit-header-row {
min-height : 50px ! important ;
padding-top : 0 ! important ;
padding-bottom : 0 ! important ;
}
2024-04-10 09:13:22 +03:00
. commit-header-buttons {
display : flex ;
gap : 4px ;
align-items : flex-start ;
white-space : nowrap ;
}
@ media ( max-width : 767 . 98px ) {
. commit-header-buttons {
flex-direction : column ;
align-items : stretch ;
}
}
2023-03-15 05:20:19 +03:00
. settings . webhooks . list > . item : not ( : first-child ) ,
. settings . githooks . list > . item : not ( : first-child ) ,
2023-04-28 03:08:47 +03:00
. settings . actions . list > . item : not ( : first-child ) {
2023-03-15 05:20:19 +03:00
padding : 0 . 25rem 1rem ;
margin : 12px -1rem -1rem ;
}
. settings . list > . item : not ( : first-child ) {
border-top : 1px solid var ( --color-secondary ) ;
padding : 1rem ;
margin : 16px -1rem -1rem ;
}
. settings . list > . item > . svg {
display : table-cell ;
}
. settings . list > . item > . svg + . content {
display : table-cell ;
padding : 0 0 0 0 . 5em ;
vertical-align : top ;
}
. settings . list > . item . info {
margin-top : 10px ;
}
. settings . list > . item . info . tab . segment {
border : 0 ;
padding : 10px 0 0 ;
}
. comment : target . comment-container {
border-color : var ( --color-primary ) ! important ;
box-shadow : 0 0 0 3px var ( --color-primary-alpha-30 ) ! important ;
}
. comment : target . header :: before {
border-right-color : var ( --color-primary ) ! important ;
filter : drop-shadow ( -3px 0 0 var ( --color-primary-alpha-30 ) ) ! important ;
}
2023-03-30 15:06:10 +03:00
. code-comment : target ,
. diff-file-box : target {
2023-03-15 05:20:19 +03:00
border-color : var ( --color-primary ) ! important ;
border-radius : var ( --border-radius ) ! important ;
box-shadow : 0 0 0 3px var ( --color-primary-alpha-30 ) ! important ;
}
. code-comment : target . content {
box-shadow : none ! important ;
}
. comment-header {
border : none ! important ;
background : var ( --color-box-header ) ;
border-bottom : 1px solid var ( --color-secondary ) ! important ;
2023-05-22 02:37:32 +03:00
font-weight : var ( --font-weight-normal ) ! important ;
2023-03-15 05:20:19 +03:00
padding : 0 . 5rem 1rem ;
margin : 0 ! important ;
position : relative ;
2023-05-28 04:34:18 +03:00
color : var ( --color-text ) ;
2023-03-15 05:20:19 +03:00
min-height : 41px ;
background-color : var ( --color-box-header ) ;
display : flex ;
justify-content : space-between ;
align-items : center ;
}
. comment-header :: before ,
. comment-header :: after {
right : 100 % ;
top : 20px ;
border : solid transparent ;
content : " " ;
height : 0 ;
width : 0 ;
position : absolute ;
pointer-events : none ;
}
. comment-header :: before {
border-right-color : var ( --color-secondary ) ;
border-width : 9px ;
margin-top : -9px ;
}
. comment-header :: after {
border-right-color : var ( --color-box-header ) ;
border-width : 8px ;
margin-top : -8px ;
}
. comment-header . arrow-top :: before ,
. comment-header . arrow-top :: after {
transform : rotate ( 90deg ) ;
}
. comment-header . arrow-top :: before {
top : -9px ;
left : 6px ;
}
. comment-header . arrow-top :: after {
top : -8px ;
left : 7px ;
}
2023-06-21 19:08:12 +03:00
. comment-header . actions a : not ( . label ) {
2023-03-15 05:20:19 +03:00
padding : 0 . 5rem ! important ;
}
2023-06-21 19:08:12 +03:00
. comment-header . actions . label {
margin : 0 ! important ;
}
. comment-header-left ,
. comment-header-right {
gap : 4px ;
2023-03-15 05:20:19 +03:00
}
. comment-body {
background : var ( --color-box-body ) ;
border : none ! important ;
width : 100 % ! important ;
max-width : 100 % ! important ;
margin : 0 ! important ;
2023-04-08 00:30:04 +03:00
padding : 1em ;
2023-03-22 00:38:04 +03:00
}
2023-03-15 05:20:19 +03:00
. edit-label . modal . form . column ,
. new-label . modal . form . column {
padding-right : 0 ;
}
. edit-label . modal . form . buttons ,
. new-label . modal . form . buttons {
margin-left : auto ;
padding-top : 15px ;
}
. stats-table {
display : table ;
width : 100 % ;
2024-04-14 12:21:16 +03:00
margin : 6px 0 ;
border-spacing : 2px ;
2023-03-15 05:20:19 +03:00
}
. stats-table . table-cell {
display : table-cell ;
}
. stats-table . table-cell . tiny {
2024-04-14 12:21:16 +03:00
height : 8px ;
}
. stats-table . table-cell : first-child {
border-top-left-radius : 4px ;
border-bottom-left-radius : 4px ;
}
. stats-table . table-cell : last-child {
border-top-right-radius : 4px ;
border-bottom-right-radius : 4px ;
2023-03-15 05:20:19 +03:00
}
2024-04-07 19:19:25 +03:00
. labels-list {
2024-04-09 09:30:21 +03:00
display : inline-flex ;
2024-04-07 19:19:25 +03:00
flex-wrap : wrap ;
2024-04-09 09:30:21 +03:00
gap : 2 . 5px ;
2024-05-02 14:19:44 +03:00
align-items : center ;
2024-04-07 19:19:25 +03:00
}
2023-03-15 05:20:19 +03:00
. labels-list . label {
2024-04-07 19:19:25 +03:00
padding : 0 6px ;
min-height : 20px ;
2023-06-27 22:44:17 +03:00
line-height : 1 . 3 ; /* there is a `font-size: 1.25em` for inside emoji, so here the line-height needs to be larger slightly */
2023-03-15 05:20:19 +03:00
}
/* Scoped labels with different colors on left and right */
2023-09-06 15:22:38 +03:00
. ui . label . scope-parent {
2023-03-15 05:20:19 +03:00
background : none ! important ;
padding : 0 ! important ;
2023-09-06 15:22:38 +03:00
gap : 0 ! important ;
2023-03-15 05:20:19 +03:00
}
2024-03-12 20:32:05 +03:00
. archived-label {
2024-03-16 01:35:47 +03:00
filter : grayscale ( 0 . 5 ) ;
opacity : 0 . 5 ;
2024-03-12 20:32:05 +03:00
}
2023-03-15 05:20:19 +03:00
. ui . label . scope-left {
border-bottom-right-radius : 0 ;
border-top-right-radius : 0 ;
margin-right : 0 ;
}
. ui . label . scope-right {
border-bottom-left-radius : 0 ;
border-top-left-radius : 0 ;
margin-left : 0 ;
}
. repo-button-row {
2024-05-02 22:10:49 +03:00
margin : 8px 0 ;
2023-06-15 18:12:08 +03:00
display : flex ;
align-items : center ;
2024-05-02 22:10:49 +03:00
gap : 8px ;
2023-06-15 18:12:08 +03:00
justify-content : space-between ;
2023-03-15 05:20:19 +03:00
}
2024-05-02 22:10:49 +03:00
. repo-button-row-left ,
. repo-button-row-right {
display : flex ;
flex : 1 ;
align-items : center ;
gap : 0 . 5rem ;
}
. repo-button-row-right {
justify-content : flex-end ;
}
@ media ( max-width : 991px ) {
. repository : not ( . wiki ) . repo-button-row {
flex-direction : column ;
align-items : stretch ;
}
}
2023-03-15 05:20:19 +03:00
. repo-button-row . button {
padding : 6px 10px ! important ;
height : 30px ;
2024-05-02 22:10:49 +03:00
flex-shrink : 0 ;
margin : 0 ;
2023-03-15 05:20:19 +03:00
}
2023-07-08 12:53:56 +03:00
. repo-button-row . button . dropdown : not ( . icon ) {
2023-06-15 18:12:08 +03:00
padding-right : 22px ! important ; /* normal buttons have !important paddings, so we need to override it for dropdown (Add File) icons */
}
2023-03-15 05:20:19 +03:00
. repo-button-row input {
height : 30px ;
}
2024-05-02 22:10:49 +03:00
@ media ( max-width : 600px ) {
. repo-button-row-left {
flex-wrap : wrap ;
}
}
2023-03-15 05:20:19 +03:00
tbody . commit-list {
vertical-align : baseline ;
}
. message-wrapper ,
. author-wrapper {
overflow : hidden ;
text-overflow : ellipsis ;
2024-04-10 09:13:22 +03:00
max-width : 100 % ;
2023-03-15 05:20:19 +03:00
display : inline-block ;
vertical-align : middle ;
}
. author-wrapper {
max-width : 180px ;
2024-03-25 23:18:58 +03:00
align-self : center ;
2024-04-18 11:34:23 +03:00
white-space : nowrap ;
2023-03-15 05:20:19 +03:00
}
/* in the commit list, messages can wrap so we can use inline */
. commit-list . message-wrapper {
display : inline ;
2023-07-07 00:07:57 +03:00
overflow-wrap : anywhere ;
2023-03-15 05:20:19 +03:00
}
/* but in the repo-files-table we cannot */
# repo-files-table . commit-list . message-wrapper {
display : inline-block ;
}
2023-06-09 12:10:51 +03:00
@ media ( max-width : 767 . 98px ) {
2023-03-15 05:20:19 +03:00
tr . commit-list {
width : 100 % ;
}
. author-wrapper {
max-width : 80px ;
}
}
2023-06-09 12:10:51 +03:00
@ media ( min-width : 768px ) and ( max-width : 991 . 98px ) {
2023-03-15 05:20:19 +03:00
tr . commit-list {
width : 723px ;
}
}
@ media ( min-width : 992px ) and ( max-width : 1200px ) {
tr . commit-list {
width : 933px ;
}
}
@ media ( min-width : 1201px ) {
tr . commit-list {
width : 1127px ;
}
}
. commit-list . commit-status-link {
display : inline-block ;
vertical-align : middle ;
}
. commit-body {
2023-09-04 16:38:59 +03:00
margin : 0 . 25em 0 ;
2023-03-15 05:20:19 +03:00
white-space : pre-wrap ;
line-height : initial ;
}
/* PR-comment */
2023-09-04 16:38:59 +03:00
. repository . timeline-item . commit-body {
margin-left : 45px ;
2023-03-15 05:20:19 +03:00
}
. git-notes . top {
text-align : left ;
}
. comment-diff-data {
background : var ( --color-code-bg ) ;
2023-09-28 11:43:20 +03:00
min-height : 12em ;
2023-03-15 05:20:19 +03:00
max-height : calc ( 100vh - 10 . 5rem ) ;
overflow-y : auto ;
}
. comment-diff-data pre {
line-height : 18px ;
2023-09-28 11:43:20 +03:00
margin : 1em ;
2023-03-15 05:20:19 +03:00
white-space : pre-wrap ;
word-break : break-all ;
overflow-wrap : break-word ;
}
. content-history-detail-dialog . header . avatar {
position : relative ;
top : -2px ;
}
Fine tune more downdrop settings, use SVG for labels, improve Repo Topic Edit form (#23626)
Although it seems that some different purposes are mixed in this PR,
however, they are all related, and can be tested together, so I put them
together to save everyone's time.
Diff: `+79 −84`, everything becomes much better.
### Improve the dropdown settings.
Move all fomantic-init related code into our `fomantic.js`
Fine-tune some dropdown global settings, see the comments.
Also help to fix the first problem in #23625 , cc: @yp05327
The "language" menu has been simplified, and it works with small-height
window better.
### Use SVG instead of `<i class="delete icon">`
It's also done by `$.fn.dropdown.settings.templates.label` , cc:
@silverwind
### Remove incorrect `tabable` CSS class
It doesn't have CSS styles, and it was only in Vue. So it's totally
unnecessary, remove it by the way.
### Improve the Repo Topic Edit form
* Simplify the code
* Add a "Cancel" button
* Align elements
Before:
<details>
![image](https://user-images.githubusercontent.com/2114189/223325782-f09532de-0c38-4742-ba86-ed35cc9a858d.png)
</details>
After:
![image](https://user-images.githubusercontent.com/2114189/226796347-207feb0a-b3cd-4820-8a3e-01930bab1069.png)
2023-03-26 14:31:26 +03:00
# repo-topics . repo-topic {
2023-05-22 02:37:32 +03:00
font-weight : var ( --font-weight-normal ) ;
2023-03-15 05:20:19 +03:00
cursor : pointer ;
2024-03-31 18:39:50 +03:00
margin : 0 ;
2023-03-15 05:20:19 +03:00
}
# new-dependency-drop-list . ui . selection . dropdown {
min-width : 0 ;
width : 100 % ;
2023-08-28 22:43:59 +03:00
border-radius : var ( --border-radius ) 0 0 var ( --border-radius ) ;
2023-03-15 05:20:19 +03:00
border-right : 0 ;
white-space : nowrap ;
}
# new-dependency-drop-list . text {
width : 100 % ;
overflow : hidden ;
}
. tag-code {
height : 28px ;
}
. tag-code ,
. tag-code td ,
2024-04-26 22:37:21 +03:00
. tag-code . line-expanded {
2023-03-15 05:20:19 +03:00
background-color : var ( --color-box-body-highlight ) ;
vertical-align : middle ;
}
2024-04-29 23:53:15 +03:00
/* fix bottom border radius on diff files */
. diff-file-body tr . tag-code : last-child {
background : none ;
}
. diff-file-body tr . tag-code : last-child > td {
background : var ( --color-box-body-highlight ) ;
}
. diff-file-body tr . tag-code : last-child td : first-child ,
. diff-file-body tr . tag-code : last-child td : first-child * {
border-bottom-left-radius : 3px ;
}
. diff-file-body tr . tag-code : last-child td : last-child ,
. diff-file-body tr . tag-code : last-child td : last-child * {
border-bottom-right-radius : 3px ;
}
2023-03-15 05:20:19 +03:00
. resolved-placeholder {
2023-05-22 02:37:32 +03:00
font-weight : var ( --font-weight-normal ) ! important ;
2023-03-15 05:20:19 +03:00
border : 1px solid var ( --color-secondary ) ! important ;
border-radius : var ( --border-radius ) ! important ;
margin : 4px ! important ;
}
. resolved-placeholder + . comment-code-cloud {
padding-top : 0 ! important ;
}
2024-04-26 22:37:21 +03:00
. line-expanded {
background-color : var ( --color-secondary-alpha-20 ) ;
2023-03-15 05:20:19 +03:00
}
. issue-keyword {
border-bottom : 1px dotted var ( --color-text-light-3 ) ! important ;
}
. issue-keyword : hover {
border-bottom : none ! important ;
}
. file-header {
align-items : center ;
display : flex ;
justify-content : space-between ;
overflow-x : auto ;
padding : 6px 12px ! important ;
font-size : 13px ! important ;
}
. file-info {
display : flex ;
align-items : center ;
}
. file-info-entry {
display : flex ;
align-items : center ;
width : max-content ;
}
. file-info-entry + . file-info-entry {
border-left : 1px solid currentcolor ;
margin-left : 8px ;
padding-left : 8px ;
}
# diff-container {
display : flex ;
}
# diff-file-boxes {
flex : 1 ;
max-width : 100 % ;
2023-10-25 01:47:17 +03:00
display : flex ;
flex-direction : column ;
gap : 8px ;
2023-03-15 05:20:19 +03:00
}
# diff-file-tree {
2023-03-30 15:06:10 +03:00
flex : 0 0 20 % ;
2023-03-15 05:20:19 +03:00
max-width : 380px ;
line-height : inherit ;
position : sticky ;
padding-top : 0 ;
top : 47px ;
2023-03-30 15:06:10 +03:00
max-height : calc ( 100vh - 47px ) ;
2023-03-15 05:20:19 +03:00
height : 100 % ;
overflow-y : auto ;
}
. ui . message . unicode-escape-prompt {
margin-bottom : 0 ;
border-radius : 0 ;
display : flex ;
flex-direction : column ;
}
/* fomantic's last-child selector does not work with hidden last child */
. ui . buttons . unescape-button {
border-top-right-radius : 0 . 28571429rem ;
border-bottom-right-radius : 0 . 28571429rem ;
}
. webhook-info {
padding : 7px 12px ;
margin : 10px 0 ;
background-color : var ( --color-markup-code-block ) ;
border : 1px solid var ( --color-secondary ) ;
2023-08-28 22:43:59 +03:00
border-radius : var ( --border-radius ) ;
2023-03-15 05:20:19 +03:00
font-size : 13px ;
line-height : 1 . 5 ;
overflow : auto ;
}
. title_wip_desc {
margin-top : 1em ;
}
. sidebar-item-link {
2023-05-14 17:15:59 +03:00
display : inline-flex ;
2023-03-15 05:20:19 +03:00
align-items : center ;
word-break : break-all ;
}
2023-06-01 13:47:28 +03:00
. diff-file-header {
2023-06-09 11:37:47 +03:00
padding : 5px 8px ! important ;
2024-04-29 23:53:15 +03:00
box-shadow : 0 -1px 0 1px var ( --color-body ) ; /* prevent borders being visible behind top corners when sticky and scrolled */
2023-06-01 13:47:28 +03:00
}
2023-03-15 05:20:19 +03:00
. diff-file-box [ data-folded = "true" ] . diff-file-body {
display : none ;
}
. diff-file-box [ data-folded = "true" ] . diff-file-header {
border-radius : var ( --border-radius ) ! important ;
}
. ui . attached . header . diff-file-header . sticky-2nd-row {
position : sticky ;
2023-09-28 13:00:26 +03:00
top : 44px ; /* match .repository .diff-detail-box */
2023-03-15 05:20:19 +03:00
z-index : 7 ;
}
2023-06-01 13:47:28 +03:00
. diff-file-name {
2023-03-15 05:20:19 +03:00
flex : auto ;
min-width : 100px ;
}
2023-06-01 13:47:28 +03:00
. diff-file-name . ui . label {
margin-left : 0 ! important ;
}
2023-03-15 05:20:19 +03:00
. diff-stats-bar {
display : inline-block ;
background-color : var ( --color-red ) ;
height : 12px ;
2024-04-27 14:22:55 +03:00
width : 44px ;
2023-03-15 05:20:19 +03:00
}
. diff-stats-bar . diff-stats-add-bar {
background-color : var ( --color-green ) ;
height : 100 % ;
}
. ui . form . right . ui . button {
margin-left : 0 . 25em ;
margin-right : 0 ;
}
. removed-code {
background : var ( --color-diff-removed-word-bg ) ;
}
. added-code {
background : var ( --color-diff-added-word-bg ) ;
}
. code-diff-unified . del-code ,
. code-diff-unified . del-code td ,
. code-diff-split . del-code . lines-num-old ,
. code-diff-split . del-code . lines-escape-old ,
. code-diff-split . del-code . lines-type-marker-old ,
. code-diff-split . del-code . lines-code-old {
background : var ( --color-diff-removed-row-bg ) ;
border-color : var ( --color-diff-removed-row-border ) ;
}
. code-diff-unified . add-code ,
. code-diff-unified . add-code td ,
. code-diff-split . add-code . lines-type-marker-new ,
. code-diff-split . add-code . lines-escape-new ,
. code-diff-split . add-code . lines-code-new ,
. code-diff-split . del-code . add-code . lines-type-marker-new ,
. code-diff-split . del-code . add-code . lines-escape-new ,
. code-diff-split . del-code . add-code . lines-code-new {
background : var ( --color-diff-added-row-bg ) ;
border-color : var ( --color-diff-added-row-border ) ;
}
. code-diff-split . del-code . lines-type-marker-new ,
. code-diff-split . del-code . lines-code-new ,
. code-diff-split . del-code . lines-escape-new ,
. code-diff-split . add-code . lines-escape-old ,
. code-diff-split . add-code . lines-type-marker-old ,
. code-diff-split . add-code . lines-code-old {
background : var ( --color-diff-inactive ) ;
}
2024-04-26 22:37:21 +03:00
. code-diff-split . add-code . lines-num . lines-num-old ,
. code-diff-split . del-code . lines-num . lines-num-new {
background : var ( --color-diff-inactive ) ;
}
. code-diff-unified . del-code . lines-num ,
. code-diff-split . del-code . lines-num {
background : var ( --color-diff-removed-linenum-bg ) ;
color : var ( --color-text ) ;
}
. code-diff-unified . add-code . lines-num ,
. code-diff-split . add-code . lines-num ,
. code-diff-split . del-code . add-code . lines-num {
background : var ( --color-diff-added-linenum-bg ) ;
color : var ( --color-text ) ;
}
2023-03-15 05:20:19 +03:00
. code-diff-split tbody tr td : nth-child ( 5 ) ,
. code-diff-split tbody tr td . add-comment-right {
border-left : 1px solid var ( --color-secondary ) ;
}
2023-06-26 12:57:36 +03:00
. migrate-entries {
display : grid ! important ;
grid-template-columns : repeat ( 3 , 1fr ) ;
gap : 25px ;
margin : 0 ! important ;
}
@ media ( max-width : 767 . 98px ) {
. migrate-entries {
grid-template-columns : repeat ( 1 , 1fr ) ;
}
}
. migrate-entry {
2023-03-15 05:20:19 +03:00
transition : all 0 . 1s ease-in-out ;
box-shadow : none ! important ;
border : 1px solid var ( --color-secondary ) ;
2023-06-26 12:57:36 +03:00
color : var ( --color-text ) ! important ;
width : auto ! important ;
margin : 0 ! important ;
2023-03-15 05:20:19 +03:00
}
2023-06-26 12:57:36 +03:00
. migrate-entry : hover {
2023-03-15 05:20:19 +03:00
transform : scale ( 105 % ) ;
box-shadow : 0 0 . 5rem 1rem var ( --color-shadow ) ! important ;
}
2023-06-26 12:57:36 +03:00
. migrate-entry . description {
text-wrap : balance ;
}
2023-07-04 20:45:45 +03:00
. commits-table . commits-table-right form {
display : flex ;
align-items : center ;
gap : 0 . 75em ;
justify-content : center ;
flex-wrap : wrap ;
}
2023-06-09 12:10:51 +03:00
@ media ( max-width : 767 . 98px ) {
2023-03-15 05:20:19 +03:00
. repository . file . list # repo-files-table . entry ,
. repository . file . list # repo-files-table . commit-list {
align-items : center ;
display : flex ! important ;
padding-top : 4px ;
padding-bottom : 4px ;
}
. repository . file . list # repo-files-table . entry td . age ,
. repository . file . list # repo-files-table . commit-list td . age ,
. repository . file . list # repo-files-table . entry th . age ,
. repository . file . list # repo-files-table . commit-list th . age {
margin-left : auto ;
}
. repository . file . list # repo-files-table . entry td . message ,
. repository . file . list # repo-files-table . commit-list td . message ,
. repository . file . list # repo-files-table . entry span . commit-summary ,
2024-04-10 09:13:22 +03:00
. repository . file . list # repo-files-table . commit-list tr span . commit-summary {
2023-03-15 05:20:19 +03:00
display : none ! important ;
}
. repository . view . issue . comment-list . timeline ,
. repository . view . issue . comment-list . timeline-item {
margin-left : 0 ;
}
. repository . view . issue . comment-list . timeline :: before {
left : 14px ;
}
. repository . view . issue . comment-list . timeline . inline-timeline-avatar {
display : flex ;
margin-bottom : auto ;
2023-05-10 12:16:44 +03:00
margin-left : 6px ;
margin-right : 2px ;
2023-03-15 05:20:19 +03:00
}
. repository . view . issue . comment-list . timeline . comment-header {
padding-left : 4px ;
}
. repository . view . issue . comment-list . timeline . comment-header :: before ,
. repository . view . issue . comment-list . timeline . comment-header :: after {
content : unset ;
}
/ * Don ' t show the general avatar , we show the inline avatar on mobile .
* And don 't show the role labels, there' s no place for that . * /
. repository . view . issue . comment-list . timeline . timeline-avatar ,
. repository . view . issue . comment-list . timeline . comment-header-right . role-label {
display : none ;
}
. commit-header-row . ui . horizontal . list {
width : 100 % ;
overflow-x : auto ;
margin-top : 2px ;
}
. commit-header-row . ui . horizontal . list . item {
align-items : center ;
display : flex ;
}
. commit-header-row . author {
padding : 3px 0 ;
}
. commit-header h3 {
flex-basis : auto ! important ;
margin-bottom : 0 . 5rem ! important ;
}
. commits-table {
flex-direction : column ;
}
. commits-table . commits-table-left {
align-items : initial ! important ;
margin-bottom : 6px ;
}
. commits-table . commits-table-right form > div : nth-child ( 1 ) {
2023-07-04 20:45:45 +03:00
order : 1 ; /* the "commit search" input */
2023-03-15 05:20:19 +03:00
}
. commits-table . commits-table-right form > div : nth-child ( 2 ) {
2023-07-04 20:45:45 +03:00
order : 3 ; /* the "search all" checkbox */
2023-03-15 05:20:19 +03:00
}
. commits-table . commits-table-right form > button : nth-child ( 3 ) {
2023-07-04 20:45:45 +03:00
order : 2 ; /* the "search" button */
2023-03-15 05:20:19 +03:00
}
. commit-table {
overflow-x : auto ;
}
. commit-table td . sha ,
. commit-table th . sha {
display : none ! important ;
}
. comment-header {
flex-wrap : wrap ;
}
. comment-header . comment-header-left {
flex-wrap : wrap ;
}
. comment-header . comment-header-right {
margin-left : auto ;
}
}
2023-11-02 17:49:02 +03:00
. commit-status-header {
2023-11-07 21:53:35 +03:00
/* reset the default ".ui.attached.header" styles, to use the outer border */
border : none ! important ;
/* add a bottom border to make sure the there is always a divider between the header and list when the list is scrolling */
border-bottom : 1px solid var ( --color-secondary ) ! important ;
/* use negative margin to avoid the newly added border conflict with the list's top border */
margin : 0 0 -1px ! important ;
2023-03-15 05:20:19 +03:00
}
2023-11-02 17:49:02 +03:00
. commit-status-list {
2023-11-07 21:53:35 +03:00
max-height : 240px ; /* fit exactly 6 items, commit-status-item.height * 6 */
2023-11-02 17:49:02 +03:00
overflow-x : hidden ;
transition : max-height . 2s ;
2023-03-15 05:20:19 +03:00
}
2023-11-02 17:49:02 +03:00
. commit-status-item {
2023-11-07 21:53:35 +03:00
height : 40px ;
padding : 0 10px ;
2023-03-15 05:20:19 +03:00
display : flex ;
2023-11-02 17:49:02 +03:00
gap : 8px ;
align-items : center ;
2023-11-07 21:53:35 +03:00
}
. commit-status-item + . commit-status-item {
2023-11-02 17:49:02 +03:00
border-top : 1px solid var ( --color-secondary ) ;
}
. commit-status-item . commit-status {
flex-shrink : 0 ;
2023-03-15 05:20:19 +03:00
}
2023-11-02 17:49:02 +03:00
. commit-status-item . status-context {
color : var ( --color-text ) ;
flex : 1 ;
2023-03-15 05:20:19 +03:00
}
2023-11-02 17:49:02 +03:00
. commit-status-item . status-details {
2023-03-15 05:20:19 +03:00
display : flex ;
align-items : center ;
justify-content : flex-end ;
2024-04-05 14:11:26 +03:00
gap : 8px ;
2023-03-15 05:20:19 +03:00
}
2023-06-09 12:10:51 +03:00
@ media ( max-width : 767 . 98px ) {
2023-11-02 17:49:02 +03:00
. commit-status-item . status-details {
2023-03-15 05:20:19 +03:00
flex-direction : column ;
align-items : flex-end ;
justify-content : center ;
}
}
2023-11-02 17:49:02 +03:00
. commit-status-item . status-details > span {
2023-03-15 05:20:19 +03:00
padding-right : 0 . 5em ; /* To match the alignment with the "required" label */
}
2023-03-16 19:32:25 +03:00
. search-fullname {
color : var ( --color-text-light-2 ) ;
}
2023-05-25 16:17:19 +03:00
# issue-pins {
display : grid ;
grid-template-columns : repeat ( 3 , 1fr ) ;
gap : 8px ;
margin-bottom : 8px ;
}
2023-06-18 13:31:42 +03:00
@ media ( max-width : 767 . 98px ) {
# issue-pins {
grid-template-columns : repeat ( 1 , 1fr ) ;
}
}
2023-07-21 14:20:04 +03:00
# cherry-pick-modal . scrolling . menu {
max-height : 200px ;
}
2024-03-15 06:43:10 +03:00
2024-05-02 13:45:23 +03:00
. branch-selector-dropdown {
max-width : 100 % ;
2024-03-15 06:43:10 +03:00
}
2024-05-02 13:45:23 +03:00
. ui . dropdown . branch-selector-dropdown > . menu {
margin-top : 4px ;
}
2024-05-06 10:17:22 +03:00
. ui . dropdown . branch-selector-dropdown . scrolling . menu {
max-width : min ( 400px , 90vw ) ;
}
2024-05-02 13:45:23 +03:00
. branch-selector-dropdown . branch-dropdown-button {
margin : 0 ;
max-width : 340px ;
line-height : var ( --line-height-default ) ;
}
/ * FIXME : These media selectors are not ideal ( just keep them from old code ) .
There are many different pages , some need the max-width while some others don ' t ,
they should be tested and improved in the future . * /
@ media ( min-width : 768px ) and ( max-width : 991 . 98px ) {
. branch-selector-dropdown . branch-dropdown-button {
max-width : 185px ;
}
}
@ media ( max-width : 767 . 98px ) {
. branch-selector-dropdown . branch-dropdown-button {
max-width : 165px ;
}
2024-03-15 06:43:10 +03:00
}
2024-05-02 13:45:23 +03:00
. branch-selector-dropdown . branch-tag-tab {
padding : 0 10px ;
}
. branch-selector-dropdown . branch-tag-item {
2024-03-15 06:43:10 +03:00
display : inline-block ;
padding : 10px ;
border : 1px solid transparent ;
border-bottom : none ;
}
2024-05-02 13:45:23 +03:00
. branch-selector-dropdown . branch-tag-item . active {
2024-03-15 06:43:10 +03:00
border-color : var ( --color-secondary ) ;
background : var ( --color-menu ) ;
border-top-left-radius : var ( --border-radius ) ;
border-top-right-radius : var ( --border-radius ) ;
}
2024-05-02 13:45:23 +03:00
. branch-selector-dropdown . branch-tag-divider {
margin-top : -1px ! important ;
2024-03-15 06:43:10 +03:00
border-top : 1px solid var ( --color-secondary ) ;
}
2024-05-02 13:45:23 +03:00
. branch-selector-dropdown . scrolling . menu {
border-top : none ! important ;
}
. branch-selector-dropdown . menu . item . rss-icon {
2024-05-06 10:17:22 +03:00
position : absolute ;
right : 4px ;
2024-05-02 13:45:23 +03:00
visibility : hidden ; /* only show RSS icon on hover */
}
. branch-selector-dropdown . menu . item : hover . rss-icon {
visibility : visible ;
}
. branch-selector-dropdown . scrolling . menu . loading-indicator {
height : 4em ;
}