mirror of
				https://github.com/go-gitea/gitea
				synced 2025-11-03 21:08:25 +00:00 
			
		
		
		
	Fix context menu overflow & review tag margin (#9231)
* Fix context menu overflow Signed-off-by: jolheiser <john.olheiser@gmail.com> * Add review tag CSS Signed-off-by: jolheiser <john.olheiser@gmail.com>
This commit is contained in:
		@@ -248,6 +248,7 @@ i.icon.centerlock{top:1.5em}
 | 
				
			|||||||
.lines-commit .ui.avatar.image{height:18px;width:18px}
 | 
					.lines-commit .ui.avatar.image{height:18px;width:18px}
 | 
				
			||||||
.lines-code .bottom-line,.lines-commit .bottom-line,.lines-num .bottom-line{border-bottom:1px solid #eaecef}
 | 
					.lines-code .bottom-line,.lines-commit .bottom-line,.lines-num .bottom-line{border-bottom:1px solid #eaecef}
 | 
				
			||||||
.code-view{overflow:auto;overflow-x:auto;overflow-y:hidden}
 | 
					.code-view{overflow:auto;overflow-x:auto;overflow-y:hidden}
 | 
				
			||||||
 | 
					.code-view.has-context-menu{overflow:visible;overflow-x:visible;overflow-y:visible}
 | 
				
			||||||
.code-view :not(.fa):not(.octicon):not(.icon){font-size:12px;font-family:'SF Mono',Consolas,Menlo,'Liberation Mono',Monaco,'Lucida Console',monospace;line-height:20px}
 | 
					.code-view :not(.fa):not(.octicon):not(.icon){font-size:12px;font-family:'SF Mono',Consolas,Menlo,'Liberation Mono',Monaco,'Lucida Console',monospace;line-height:20px}
 | 
				
			||||||
.code-view table{width:100%}
 | 
					.code-view table{width:100%}
 | 
				
			||||||
.code-view .active{background:#fff866}
 | 
					.code-view .active{background:#fff866}
 | 
				
			||||||
@@ -572,7 +573,8 @@ i.icon.centerlock{top:1.5em}
 | 
				
			|||||||
.repository.view.issue .comment-list .timeline-line:before{display:block;content:"";position:absolute;margin-top:12px;margin-bottom:14px;top:0;bottom:0;left:82px;width:2px;background-color:#f3f3f3;z-index:-1}
 | 
					.repository.view.issue .comment-list .timeline-line:before{display:block;content:"";position:absolute;margin-top:12px;margin-bottom:14px;top:0;bottom:0;left:82px;width:2px;background-color:#f3f3f3;z-index:-1}
 | 
				
			||||||
.repository.view.issue .comment-list .comment .avatar{width:3em}
 | 
					.repository.view.issue .comment-list .comment .avatar{width:3em}
 | 
				
			||||||
.repository.view.issue .comment-list .comment .tag{color:#767676;margin-top:3px;padding:2px 5px;font-size:12px;border:1px solid rgba(0,0,0,.1);border-radius:3px}
 | 
					.repository.view.issue .comment-list .comment .tag{color:#767676;margin-top:3px;padding:2px 5px;font-size:12px;border:1px solid rgba(0,0,0,.1);border-radius:3px}
 | 
				
			||||||
.repository.view.issue .comment-list .comment .tag.pending{color:#000;background-color:#fffbb2;margin-left:5px}
 | 
					.repository.view.issue .comment-list .comment .tag.review{margin-left:5px}
 | 
				
			||||||
 | 
					.repository.view.issue .comment-list .comment .tag.review.pending{color:#000;background-color:#fffbb2}
 | 
				
			||||||
.repository.view.issue .comment-list .comment .actions .item{float:left}
 | 
					.repository.view.issue .comment-list .comment .actions .item{float:left}
 | 
				
			||||||
.repository.view.issue .comment-list .comment .actions .item.context{float:none}
 | 
					.repository.view.issue .comment-list .comment .actions .item.context{float:none}
 | 
				
			||||||
.repository.view.issue .comment-list .comment .actions .item.tag{margin-right:5px}
 | 
					.repository.view.issue .comment-list .comment .actions .item.tag{margin-right:5px}
 | 
				
			||||||
 
 | 
				
			|||||||
@@ -113,7 +113,7 @@
 | 
				
			|||||||
					</h4>
 | 
										</h4>
 | 
				
			||||||
					<div class="ui attached unstackable table segment">
 | 
										<div class="ui attached unstackable table segment">
 | 
				
			||||||
						{{if ne $file.Type 4}}
 | 
											{{if ne $file.Type 4}}
 | 
				
			||||||
							<div class="file-body file-code code-view code-diff {{if $.IsSplitStyle}}code-diff-split{{else}}code-diff-unified{{end}}">
 | 
												<div class="file-body file-code code-view has-context-menu code-diff {{if $.IsSplitStyle}}code-diff-split{{else}}code-diff-unified{{end}}">
 | 
				
			||||||
								<table>
 | 
													<table>
 | 
				
			||||||
									<tbody>
 | 
														<tbody>
 | 
				
			||||||
										{{if $isImage}}
 | 
															{{if $isImage}}
 | 
				
			||||||
 
 | 
				
			|||||||
@@ -11,11 +11,11 @@
 | 
				
			|||||||
			<div class="ui right actions">
 | 
								<div class="ui right actions">
 | 
				
			||||||
			{{if and .Review}}
 | 
								{{if and .Review}}
 | 
				
			||||||
				{{if eq .Review.Type 0}}
 | 
									{{if eq .Review.Type 0}}
 | 
				
			||||||
					<div class="item tag pending">
 | 
										<div class="item tag review pending">
 | 
				
			||||||
					{{$.root.i18n.Tr "repo.issues.review.pending"}}
 | 
										{{$.root.i18n.Tr "repo.issues.review.pending"}}
 | 
				
			||||||
					</div>
 | 
										</div>
 | 
				
			||||||
				{{else}}
 | 
									{{else}}
 | 
				
			||||||
					<div class="item tag">
 | 
										<div class="item tag review">
 | 
				
			||||||
					{{$.root.i18n.Tr "repo.issues.review.review"}}
 | 
										{{$.root.i18n.Tr "repo.issues.review.review"}}
 | 
				
			||||||
					</div>
 | 
										</div>
 | 
				
			||||||
				{{end}}
 | 
									{{end}}
 | 
				
			||||||
 
 | 
				
			|||||||
@@ -1092,6 +1092,12 @@ i.icon.centerlock {
 | 
				
			|||||||
    overflow-x: auto;
 | 
					    overflow-x: auto;
 | 
				
			||||||
    overflow-y: hidden;
 | 
					    overflow-y: hidden;
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					    &.has-context-menu {
 | 
				
			||||||
 | 
					        overflow: visible;
 | 
				
			||||||
 | 
					        overflow-x: visible;
 | 
				
			||||||
 | 
					        overflow-y: visible;
 | 
				
			||||||
 | 
					    }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    *:not(.fa):not(.octicon):not(.icon) {
 | 
					    *:not(.fa):not(.octicon):not(.icon) {
 | 
				
			||||||
        font-size: 12px;
 | 
					        font-size: 12px;
 | 
				
			||||||
        font-family: @monospaced-fonts, monospace;
 | 
					        font-family: @monospaced-fonts, monospace;
 | 
				
			||||||
 
 | 
				
			|||||||
@@ -737,10 +737,12 @@
 | 
				
			|||||||
                    font-size: 12px;
 | 
					                    font-size: 12px;
 | 
				
			||||||
                    border: 1px solid rgba(0, 0, 0, 0.1);
 | 
					                    border: 1px solid rgba(0, 0, 0, 0.1);
 | 
				
			||||||
                    border-radius: 3px;
 | 
					                    border-radius: 3px;
 | 
				
			||||||
                    &.pending {
 | 
					                    &.review {
 | 
				
			||||||
                        color: black;
 | 
					 | 
				
			||||||
                        background-color: #fffbb2;
 | 
					 | 
				
			||||||
                        margin-left: 5px;
 | 
					                        margin-left: 5px;
 | 
				
			||||||
 | 
					                        &.pending {
 | 
				
			||||||
 | 
					                            color: black;
 | 
				
			||||||
 | 
					                            background-color: #fffbb2;
 | 
				
			||||||
 | 
					                        }
 | 
				
			||||||
                    }
 | 
					                    }
 | 
				
			||||||
                }
 | 
					                }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 
 | 
				
			|||||||
		Reference in New Issue
	
	Block a user