mirror of
https://github.com/go-gitea/gitea
synced 2024-09-06 03:46:05 +00:00
* Fix inconsistent font size for markdown preview on new PR view (#11565) We use same method for new issue form and issue view, but was missing from new PR view making it one place where markdown preview is inconsistent in font size. (cherry picked from commit04afd9d1e2
) * Fix margin on PR form (#11566) (cherry picked from commitf2a0be1683
) * Fix margin for attached top header on code review (#11571) Introduced naively by #11463 The margin was being applied too widely. (cherry picked from commite682a92295
) * Fix styling for PR merge section when no checks (#11609) Makes styling consistent between two cases. Also removed unnecessary double border. * Normalize avatar radius
188 lines
3.5 KiB
Plaintext
188 lines
3.5 KiB
Plaintext
.ui.button.add-code-comment {
|
|
font-size: 14px;
|
|
height: 16px;
|
|
line-height: 16px !important;
|
|
padding: 0;
|
|
position: relative;
|
|
width: 16px;
|
|
z-index: 5;
|
|
float: left;
|
|
margin: 2px -10px 2px -20px;
|
|
opacity: 0;
|
|
transition: transform .1s ease-in-out;
|
|
transform: scale(1, 1);
|
|
|
|
&:hover {
|
|
transform: scale(1.2, 1.2);
|
|
}
|
|
}
|
|
|
|
.add-comment-left.add-comment-right .ui.attached.header {
|
|
border: 1px solid #d4d4d5;
|
|
margin-top: .5em;
|
|
|
|
&:not(.top) {
|
|
margin-bottom: .5em;
|
|
}
|
|
}
|
|
|
|
.focus-lines-new .ui.button.add-code-comment.add-code-comment-right,
|
|
.focus-lines-old .ui.button.add-code-comment.add-code-comment-left {
|
|
opacity: 1;
|
|
}
|
|
|
|
.comment-code-cloud {
|
|
padding: 4px;
|
|
position: relative;
|
|
border: 1px solid #f1f1f1;
|
|
margin: 13px 10px 5px auto;
|
|
|
|
&:before {
|
|
content: " ";
|
|
width: 0;
|
|
height: 0;
|
|
border-left: 13px solid transparent;
|
|
border-right: 13px solid transparent;
|
|
border-bottom: 13px solid #f1f1f1;
|
|
left: 20px;
|
|
position: absolute;
|
|
top: -13px;
|
|
}
|
|
|
|
.attached {
|
|
&.tab {
|
|
border: 0;
|
|
padding: 0;
|
|
margin: 0;
|
|
|
|
&.markdown {
|
|
padding: 1em;
|
|
min-height: 168px;
|
|
}
|
|
}
|
|
|
|
&.header {
|
|
padding: .1rem 1rem;
|
|
}
|
|
}
|
|
|
|
.right.menu.options .item {
|
|
padding: .85714286em .442857em;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.ui.form textarea {
|
|
border: 0;
|
|
}
|
|
|
|
.ui.active.tab {
|
|
border: 1px solid #d4d4d5;
|
|
padding: .5em;
|
|
border-radius: 0 .28571429rem .28571429rem .28571429rem;
|
|
}
|
|
|
|
.ui.active.markdown.tab {
|
|
border-top-left-radius: .28571429rem;
|
|
}
|
|
|
|
.ui.tabular.menu {
|
|
margin-bottom: 0;
|
|
border-bottom: 0;
|
|
}
|
|
|
|
.comment-list {
|
|
padding-bottom: 10px;
|
|
}
|
|
|
|
.footer {
|
|
border-top: 1px solid #f1f1f1;
|
|
padding: 10px 0 10px 0;
|
|
|
|
.markdown-info {
|
|
display: inline-block;
|
|
margin: 5px 0;
|
|
font-size: 12px;
|
|
color: rgba(0, 0, 0, .6);
|
|
}
|
|
|
|
.ui.right.floated {
|
|
padding-top: 6px;
|
|
}
|
|
|
|
&:after {
|
|
clear: both;
|
|
content: "";
|
|
display: block;
|
|
}
|
|
}
|
|
|
|
button.comment-form-reply {
|
|
margin: .5em .5em .5em 4.5em;
|
|
}
|
|
|
|
form.comment-form-reply {
|
|
margin: 0 0 0 1em;
|
|
}
|
|
}
|
|
|
|
.file-comment {
|
|
font: 12px @monospaced-fonts, monospace;
|
|
color: rgba(0, 0, 0, .87);
|
|
}
|
|
|
|
.ui.fold-code {
|
|
margin-right: 1em;
|
|
padding-left: 5px;
|
|
cursor: pointer;
|
|
width: 22px;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.ui.fold-code:hover {
|
|
color: #428bca;
|
|
}
|
|
|
|
.ui.blob-excerpt {
|
|
display: block;
|
|
line-height: 20px;
|
|
font-size: 16px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.ui.blob-excerpt:hover {
|
|
color: #428bca;
|
|
}
|
|
|
|
@media only screen and (max-width: 768px) {
|
|
#review-box > .menu {
|
|
> .ui.segment {
|
|
width: 94vw;
|
|
}
|
|
.editor-toolbar {
|
|
overflow-x: auto;
|
|
}
|
|
}
|
|
|
|
#review-box .CodeMirror-scroll {
|
|
max-width: calc(100vw - 70px);
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 768px) and (max-width: 992px) {
|
|
#review-box .CodeMirror-scroll {
|
|
max-width: 700px;
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 992px) and (max-width: 1200px) {
|
|
#review-box .CodeMirror-scroll {
|
|
max-width: 800px;
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 1200px) {
|
|
#review-box .CodeMirror-scroll {
|
|
max-width: 900px;
|
|
}
|
|
}
|