2023-03-15 05:20:19 +03:00
. show-outdated ,
. hide-outdated {
-webkit-touch-callout : none ;
-webkit-user-select : none ;
user-select : none ;
2024-05-28 16:41:37 +03:00
margin-right : 0 ! important ;
2023-03-15 05:20:19 +03:00
}
. 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 ) ;
}
2023-05-21 23:47:41 +03:00
. lines-escape . toggle-escape-button :: before {
2023-03-15 05:20:19 +03:00
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 ;
}
2023-07-15 12:45:34 +03:00
. ui . button . add-code-comment : focus {
opacity : 1 ;
}
2023-03-15 05:20:19 +03:00
. 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-05-19 19:02:34 +03:00
}
2024-01-24 06:26:28 +03:00
. code-diff . conversation-holder . comment-code-cloud {
2023-03-30 15:06:10 +03:00
max-width : 820px ;
2023-03-15 05:20:19 +03:00
}
. comment-code-cloud . comments . comment {
padding : 0 ;
}
. comment-code-cloud . attached . tab {
border : 0 ;
padding : 0 ;
margin : 0 ;
}
. comment-code-cloud . attached . header {
2023-06-21 19:08:12 +03:00
padding : 1px 8px 1px 12px ;
2023-03-15 05:20:19 +03:00
}
2024-05-28 16:41:37 +03:00
@ media ( max-width : 767 . 98px ) {
. comment-code-cloud . attached . header {
padding-top : 4px ;
padding-bottom : 4px ;
}
}
2023-03-15 05:20:19 +03:00
. 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 . markup {
padding : 1em ;
min-height : 168px ;
}
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 ;
}
. diff-file-body . comment-form {
margin : 0 0 0 3em ;
}
2024-03-23 23:11:15 +03:00
. diff-file-body . binary {
padding : 5px 10px ;
}
2023-03-15 05:20:19 +03:00
. file-comment {
color : var ( --color-text ) ;
}
2023-05-21 23:47:41 +03:00
. code-expander-button {
border : none ;
2023-03-15 05:20:19 +03:00
color : var ( --color-text-light ) ;
height : 28px ;
display : flex ;
justify-content : center ;
align-items : center ;
width : 100 % ;
background : var ( --color-expand-button ) ;
2023-05-21 23:47:41 +03:00
flex : 1 ;
2023-03-15 05:20:19 +03:00
}
2024-05-29 09:08:45 +03:00
/* expand direction 3 is both ways with two buttons */
. code-expander-buttons [ data-expand-direction = "3" ] . code-expander-button {
height : 18px ;
}
2023-05-21 23:47:41 +03:00
. code-expander-button : hover {
2023-03-15 05:20:19 +03:00
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 ;
}
2023-06-09 12:10:51 +03:00
@ media ( max-width : 991 . 98px ) {
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 ;
2023-08-28 22:43:59 +03:00
border-radius : var ( --border-radius ) ;
2023-03-15 05:20:19 +03:00
font-size : 0 . 857rem ; /* just like .ui.tiny.button */
}
2024-05-28 16:41:37 +03:00
@ media ( max-width : 767 . 98px ) {
. viewed-file-form {
margin-left : auto ;
}
}
2023-03-15 05:20:19 +03:00
. 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 {
2023-06-22 14:05:22 +03:00
width : 100 % ;
height : 8px ;
2023-03-15 05:20:19 +03:00
}