templates/repo/commits.tmpl

@@ -3,7 +3,7 @@
 	{{template "repo/header" .}}
 	<div class="ui container">
 		{{template "repo/sub_menu" .}}
-		<div class="repo-button-row">
+		<div class="repo-button-row gt-df gt-ac gt-sb gt-fw gt-mb-4 gt-mt-3">
 			<div class="gt-df gt-ac">
 				{{template "repo/branch_dropdown" dict "root" . "ContainerClasses" "gt-mr-2"}}
 				<a href="{{.RepoLink}}/graph" class="ui basic small compact button">

templates/repo/home.tmpl

@@ -61,7 +61,7 @@
 			</div>
 		{{end}}
 		{{template "repo/sub_menu" .}}
-		<div class="repo-button-row">
+		<div class="repo-button-row gt-df gt-ac gt-sb gt-fw">
 			<div class="gt-df gt-ac gt-fw gt-gap-y-3">
 				{{template "repo/branch_dropdown" dict "root" . "ContainerClasses" "gt-mr-2"}}
 				{{if and .CanCompareOrPull .IsViewBranch (not .Repository.IsArchived)}}
@@ -84,9 +84,8 @@
 				{{end}}
 
 				{{if and .CanWriteCode .IsViewBranch (not .Repository.IsArchived)}}
-					<button class="ui dropdown basic compact jump button gt-mr-2"{{if not .Repository.CanEnableEditor}} disabled{{end}}>
+					<button class="ui basic compact dropdown jump icon button gt-mr-2"{{if not .Repository.CanEnableEditor}} disabled{{end}}>
-						{{.locale.Tr "repo.editor.add_file"}}
+						<span class="text">{{.locale.Tr "repo.editor.add_file"}}</span>
-						{{svg "octicon-triangle-down" 14 "dropdown icon"}}
 						<div class="menu">
 							<a class="item" href="{{.RepoLink}}/_new/{{.BranchName | PathEscapeSegments}}/{{.TreePath | PathEscapeSegments}}">
 								{{.locale.Tr "repo.editor.new_file"}}
@@ -100,6 +99,7 @@
 								{{.locale.Tr "repo.editor.patch"}}
 							</a>
 						</div>
+						{{svg "octicon-triangle-down" 14 "dropdown icon"}}
 					</button>
 				{{end}}
 

templates/repo/wiki/view.tmpl

@@ -3,7 +3,7 @@
 	{{template "repo/header" .}}
 	{{$title := .title}}
 	<div class="ui container">
-		<div class="repo-button-row">
+		<div class="repo-button-row gt-df gt-ac gt-sb gt-fw">
 			<div class="gt-df gt-ac">
 				<div class="ui floating filter dropdown" data-no-results="{{.locale.Tr "repo.pulls.no_results"}}">
 					<div class="ui basic small button">

web_src/css/base.css

@@ -2099,8 +2099,8 @@ a.ui.basic.label:hover {
 }
 
 /* if a .top.attached.header is followed by a .segment, add some margin */
-.ui.segments + .ui.top.attached.header,
+.ui.segments ~ .ui.top.attached.header,
-.ui.attached.segment + .ui.top.attached.header {
+.ui.attached.segment ~ .ui.top.attached.header {
   margin-top: 1rem;
 }
 

web_src/css/repo.css

@@ -2693,12 +2693,19 @@
 }
 
 .repo-button-row {
-  margin: 10px 0;
+  margin-bottom: 10px;
-  display: flex;
+}
-  align-items: center;
+
-  gap: 0.5em;
+.repo-button-row > * {
-  flex-wrap: wrap;
+  margin-top: 8px;
-  justify-content: space-between;
+}
+
+.wiki .repo-button-row {
+  margin-bottom: 0;
+}
+
+.wiki .repo-button-row > * {
+  margin-top: 0;
 }
 
 .repo-button-row .button {
@@ -2706,10 +2713,6 @@
   height: 30px;
 }
 
-.repo-button-row .button.dropdown {
-  padding-right: 22px !important; /* normal buttons have !important paddings, so we need to override it for dropdown (Add File) icons */
-}
-
 .repo-button-row input {
   height: 30px;
 }

web_src/fomantic/_site/globals/site.variables

@@ -9,41 +9,3 @@
 @linkHoverUnderline: underline;
 @variationButtonSocial: false;
 @pageOverflowX: visible;
-
-/* disable all inverted variations */
-@variationAccordionInverted: false;
-@variationBreadcrumbInverted: false;
-@variationButtonAttached: false;
-@variationButtonInverted: false;
-@variationCalendarInverted: false;
-@variationCardInverted: false;
-@variationCheckboxInverted: false;
-@variationCommentInverted: false;
-@variationDimmerInverted: false;
-@variationDividerInverted: false;
-@variationDropdownInverted: false;
-@variationFeedInverted: false;
-@variationFlyoutInverted: false;
-@variationFormInverted: false;
-@variationGridInverted: false;
-@variationHeaderInverted: false;
-@variationIconInverted: false;
-@variationInputInverted: false;
-@variationItemInverted: false;
-@variationLabelInverted: false;
-@variationListInverted: false;
-@variationMenuInverted: false;
-@variationMessageInverted: false;
-@variationModalInverted: false;
-@variationNagInverted: false;
-@variationPlaceholderInverted: false;
-@variationPopupInverted: false;
-@variationProgressInverted: false;
-@variationSegmentInverted: false;
-@variationSliderInverted: false;
-@variationStatisticInverted: false;
-@variationStepInverted: false;
-@variationTableInverted: false;
-@variationTextInverted: false;
-@variationToastInverted: false;
-@variationTransitionInverted: false;

web_src/js/features/contextpopup.js

@@ -34,7 +34,6 @@ export function attachRefIssueContextPopup(refIssues) {
       content: el,
       placement: 'top-start',
       interactive: true,
-      role: 'dialog',
       interactiveBorder: 5,
       onShow: () => {
         el.firstChild.dispatchEvent(new CustomEvent('ce-load-context-popup', {detail: {owner, repo, index}}));

web_src/js/features/repo-commit.js

@@ -65,7 +65,6 @@ export function initCommitStatuses() {
       content: this.nextElementSibling,
       placement: top ? 'top-start' : 'bottom-start',
       interactive: true,
-      role: 'dialog',
     });
   });
 }