2023-03-15 05:20:19 +03:00
. show-outdated ,
. hide-outdated {
-webkit-touch-callout : none ;
-webkit-user-select : none ;
user-select : none ;
}
. ui . button . add-code-comment {
padding : 2px ;
position : absolute ;
margin-left : -22px ;
z-index : 5 ;
opacity : 0 ;
transition : transform 0 . 1s ease-in-out ;
transform : scale ( 1 ) ;
box-shadow : none ! important ;
border : none ! important ;
}
. ui . button . add-code-comment : hover {
transform : scale ( 1 . 1 ) ;
}
. lines-escape a . toggle-escape-button :: before {
visibility : visible ;
content : "⚠️" ;
font-family : var ( --fonts-emoji ) ;
color : var ( --color-red ) ;
}
. repository . diff-file-box . code-diff td . lines-escape {
padding-left : 0 ! important ;
}
. diff-file-box . lines-code : hover . ui . button . add-code-comment {
opacity : 1 ;
}
. repository . diff-file-box . code-diff . add-comment-left ,
. repository . diff-file-box . code-diff . add-comment-right ,
. repository . diff-file-box . code-diff . add-code-comment . add-comment-left ,
. repository . diff-file-box . code-diff . add-code-comment . add-comment-right ,
. repository . diff-file-box . code-diff . add-code-comment . lines-type-marker {
padding-left : 0 ! important ;
padding-right : 0 ! important ;
}
. add-comment-left . add-comment-right . ui . attached . header {
border : 1px solid var ( --color-secondary ) ;
}
. add-comment-left . add-comment-right . ui . attached . header : not ( . top ) {
margin-bottom : 0 . 5em ;
}
. show-outdated : hover ,
. hide-outdated : hover {
text-decoration : underline ;
}
. comment-code-cloud {
padding : 0 . 5rem 1rem ! important ;
position : relative ;
2023-03-30 15:06:10 +03:00
max-width : 820px ;
2023-03-15 05:20:19 +03:00
}
@ media ( max-width : 767px ) {
. comment-code-cloud {
max-width : none ;
padding : 0 . 75rem ! important ;
}
. comment-code-cloud . code-comment-buttons {
margin : 0 . 5rem 0 0 . 25rem ! important ;
}
. comment-code-cloud . code-comment-buttons . code-comment-buttons-buttons {
width : 100 % ;
}
. comment-code-cloud . ui . buttons {
width : 100 % ;
margin : 0 ! important ;
}
. comment-code-cloud . ui . buttons . button {
flex : 1 ;
}
}
. comment-code-cloud . comments . comment {
padding : 0 ;
}
@ media ( max-width : 767px ) {
. comment-code-cloud . comments . comment {
display : flex ;
}
. comment-code-cloud
. comments
. comment
. comment-header-right . actions
. ui . basic . label {
display : none ;
}
. comment-code-cloud . comments . comment . avatar {
width : auto ;
float : none ;
margin : 0 0 . 5rem 0 0 ;
flex-shrink : 0 ;
}
. comment-code-cloud . comments . comment . avatar ~ . content {
margin-left : 1em ;
}
. comment-code-cloud . comments . comment img . avatar {
margin : 0 ! important ;
}
. comment-code-cloud . comments . comment . comment-content {
margin-left : 0 ! important ;
}
. comment-code-cloud . comments . comment . comment-container {
width : 100 % ;
}
. comment-code-cloud . comments . comment . code-comment {
padding : 0 0 0 . 5rem ! important ;
}
}
. comment-code-cloud . attached . tab {
border : 0 ;
padding : 0 ;
margin : 0 ;
}
. comment-code-cloud . attached . header {
padding : 0 . 1rem 1rem ;
}
. comment-code-cloud . attached . header . text {
margin : 0 ;
}
. comment-code-cloud . right . menu . options . item {
padding : 0 . 85714286em 0 . 442857em ;
cursor : pointer ;
}
. comment-code-cloud . ui . active . tab {
padding : 0 . 5em ;
}
. comment-code-cloud . ui . active . tab . markup {
padding : 1em ;
min-height : 168px ;
}
. comment-code-cloud . ui . tabular . menu {
margin : 0 . 5em ;
}
2023-04-07 20:03:29 +03:00
. comment-code-cloud . editor-statusbar {
display : none ;
}
2023-03-15 05:20:19 +03:00
. comment-code-cloud . footer {
padding : 10px 0 ;
}
. comment-code-cloud . footer . markup-info {
display : inline-block ;
margin : 5px 0 ;
font-size : 12px ;
color : var ( --color-text-light ) ;
}
. comment-code-cloud . footer . ui . right . floated {
padding-top : 6px ;
}
. comment-code-cloud . footer :: after {
clear : both ;
content : "" ;
display : block ;
}
@ media ( max-width : 767px ) {
. comment-code-cloud . button {
width : 100 % ;
margin : 0 ! important ;
margin-bottom : 0 . 75rem ! important ;
}
}
. diff-file-body . comment-form {
margin : 0 0 0 3em ;
}
. file-comment {
color : var ( --color-text ) ;
}
a . blob-excerpt {
color : var ( --color-text-light ) ;
height : 28px ;
display : flex ;
justify-content : center ;
align-items : center ;
width : 100 % ;
background : var ( --color-expand-button ) ;
}
a . blob-excerpt : hover {
background : var ( --color-primary ) ;
color : var ( --color-primary-contrast ) ;
}
2023-03-17 20:24:00 +03:00
. review-box-panel . ui . segment {
border : none ;
}
2023-03-15 05:20:19 +03:00
/* See the comment of createCommentEasyMDE() for the review editor */
/* EasyMDE's options can not handle minHeight & maxHeight together correctly, we have to set minHeight in JS code */
. review-box-panel . CodeMirror-scroll {
min-height : 80px ;
max-height : calc ( 100vh - 360px ) ;
}
2023-04-07 20:03:29 +03:00
. review-box-panel . combo-markdown-editor {
width : 730px ; /* this width matches current EasyMDE's toolbar's width */
max-width : calc ( 100vw - 70px ) ; /* leave enough space on left, and align the page content */
2023-04-03 13:06:57 +03:00
}
2023-03-15 05:20:19 +03:00
# review-box {
position : relative ;
}
# review-box . review-comments-counter {
background-color : var ( --color-primary-light-4 ) ;
color : var ( --color-primary-contrast ) ;
}
# review-box : hover . review-comments-counter {
background-color : var ( --color-primary-light-5 ) ;
}
# review-box . review-comments-counter [ data-pending-comment-number = "0" ] {
display : none ;
}
2023-04-05 02:51:42 +03:00
. pull . files . diff . comment {
2023-03-15 05:20:19 +03:00
scroll-margin-top : 99px ;
}
@ media ( max-width : 991px ) {
2023-04-05 02:51:42 +03:00
. pull . files . diff . comment {
2023-03-15 05:20:19 +03:00
scroll-margin-top : 130px ;
}
}
. changed-since-last-review {
border : 1px var ( --color-accent ) solid ;
background-color : var ( --color-small-accent ) ;
2023-04-09 16:11:02 +03:00
border-radius : var ( --border-radius ) ;
2023-03-15 05:20:19 +03:00
padding : 4px 8px ;
margin : -8px 0 ; /* just like other buttons in the diff box header */
font-size : 0 . 857rem ; /* just like .ui.tiny.button */
}
. viewed-file-form {
display : flex ;
align-items : center ;
border : 1px solid transparent ;
padding : 4px 8px ;
margin : -8px 0 ; /* just like other buttons in the diff box header */
border-radius : 0 . 285rem ; /* just like .ui.tiny.button */
font-size : 0 . 857rem ; /* just like .ui.tiny.button */
}
. viewed-file-form input {
margin-right : 4px ;
}
. viewed-file-checked-form {
background-color : var ( --color-small-accent ) ;
border-color : var ( --color-accent ) ;
}
# viewed-files-summary {
width : 72px ;
height : 10px ;
}