Remove fomantic breadcrumb module (#24463)
### File path before/after <img width="522" alt="Screenshot 2023-05-01 at 13 23 33" src="https://user-images.githubusercontent.com/115237/235445636-57776038-c98e-4cab-8abe-045138a76958.png"> <img width="522" alt="Screenshot 2023-05-01 at 13 24 08" src="https://user-images.githubusercontent.com/115237/235445638-70bef62a-1b70-41f8-ba51-728db4d54402.png"> ### File edit before/after <img width="499" alt="Screenshot 2023-05-01 at 13 24 46" src="https://user-images.githubusercontent.com/115237/235445676-7b3cc23e-289b-40a6-8d4f-0d7fb2efb55e.png"> <img width="497" alt="Screenshot 2023-05-01 at 13 24 52" src="https://user-images.githubusercontent.com/115237/235445677-db9f3974-8456-46de-a32b-9198110c0540.png"> ### Cherry-pick before/after <img width="590" alt="Screenshot 2023-05-01 at 13 25 30" src="https://user-images.githubusercontent.com/115237/235445717-99445024-1bb2-46d4-9bd8-8086bad57d34.png"> <img width="582" alt="Screenshot 2023-05-01 at 13 25 37" src="https://user-images.githubusercontent.com/115237/235445720-9c1dc497-eb23-4e10-a727-27f4d6df69e6.png">
This commit is contained in:
		
							parent
							
								
									5987f00523
								
							
						
					
					
						commit
						5adf32b48e
					
				| 
						 | 
					@ -8,21 +8,19 @@
 | 
				
			||||||
			<input type="hidden" name="last_commit" value="{{.last_commit}}">
 | 
								<input type="hidden" name="last_commit" value="{{.last_commit}}">
 | 
				
			||||||
			<input type="hidden" name="page_has_posted" value="true">
 | 
								<input type="hidden" name="page_has_posted" value="true">
 | 
				
			||||||
			<input type="hidden" name="revert" value="{{if eq .CherryPickType "revert"}}true{{else}}false{{end}}">
 | 
								<input type="hidden" name="revert" value="{{if eq .CherryPickType "revert"}}true{{else}}false{{end}}">
 | 
				
			||||||
			<div class="ui secondary menu">
 | 
								<div class="repo-editor-header">
 | 
				
			||||||
				<div class="fitted item treepath">
 | 
									<div class="ui breadcrumb field {{if .Err_TreePath}}error{{end}}">
 | 
				
			||||||
					<div class="ui breadcrumb field {{if .Err_TreePath}}error{{end}}">
 | 
										{{$shaurl := printf "%s/commit/%s" $.RepoLink (PathEscape .SHA)}}
 | 
				
			||||||
						{{$shaurl := printf "%s/commit/%s" $.RepoLink (PathEscape .SHA)}}
 | 
										{{$shalink := printf "<a class=\"ui primary sha label\" href=\"%s\">%s</a>" (Escape $shaurl) (ShortSha .SHA)}}
 | 
				
			||||||
						{{$shalink := printf "<a class=\"ui primary sha label\" href=\"%s\">%s</a>" (Escape $shaurl) (ShortSha .SHA)}}
 | 
										{{if eq .CherryPickType "revert"}}
 | 
				
			||||||
						{{if eq .CherryPickType "revert"}}
 | 
											{{.locale.Tr "repo.editor.revert" $shalink | Str2html}}
 | 
				
			||||||
							{{.locale.Tr "repo.editor.revert" $shalink | Str2html}}
 | 
										{{else}}
 | 
				
			||||||
						{{else}}
 | 
											{{.locale.Tr "repo.editor.cherry_pick" $shalink | Str2html}}
 | 
				
			||||||
							{{.locale.Tr "repo.editor.cherry_pick" $shalink | Str2html}}
 | 
										{{end}}
 | 
				
			||||||
						{{end}}
 | 
										<a class="section" href="{{$.RepoLink}}">{{.Repository.FullName}}</a>
 | 
				
			||||||
						<a class="section" href="{{$.RepoLink}}">{{.Repository.FullName}}</a>
 | 
										<div class="divider">:</div>
 | 
				
			||||||
						<div class="divider">:</div>
 | 
										<a class="section" href="{{$.BranchLink}}">{{.BranchName}}</a>
 | 
				
			||||||
						<a class="section" href="{{$.BranchLink}}">{{.BranchName}}</a>
 | 
										<span>{{.locale.Tr "repo.editor.or"}} <a href="{{$shaurl}}">{{.locale.Tr "repo.editor.cancel_lower"}}</a></span>
 | 
				
			||||||
						<span>{{.locale.Tr "repo.editor.or"}} <a href="{{$shaurl}}">{{.locale.Tr "repo.editor.cancel_lower"}}</a></span>
 | 
					 | 
				
			||||||
					</div>
 | 
					 | 
				
			||||||
				</div>
 | 
									</div>
 | 
				
			||||||
			</div>
 | 
								</div>
 | 
				
			||||||
			{{template "repo/editor/commit_form" .}}
 | 
								{{template "repo/editor/commit_form" .}}
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -7,24 +7,22 @@
 | 
				
			||||||
			{{.CsrfTokenHtml}}
 | 
								{{.CsrfTokenHtml}}
 | 
				
			||||||
			<input type="hidden" name="last_commit" value="{{.last_commit}}">
 | 
								<input type="hidden" name="last_commit" value="{{.last_commit}}">
 | 
				
			||||||
			<input type="hidden" name="page_has_posted" value="{{.PageHasPosted}}">
 | 
								<input type="hidden" name="page_has_posted" value="{{.PageHasPosted}}">
 | 
				
			||||||
			<div class="ui secondary menu">
 | 
								<div class="repo-editor-header">
 | 
				
			||||||
				<div class="fitted item treepath">
 | 
									<div class="ui breadcrumb field{{if .Err_TreePath}} error{{end}}">
 | 
				
			||||||
					<div class="ui breadcrumb field {{if .Err_TreePath}}error{{end}}">
 | 
										<a class="section" href="{{$.BranchLink}}">{{.Repository.Name}}</a>
 | 
				
			||||||
						<a class="section" href="{{$.BranchLink}}">{{.Repository.Name}}</a>
 | 
										{{$n := len .TreeNames}}
 | 
				
			||||||
						{{$n := len .TreeNames}}
 | 
										{{$l := Eval $n "-" 1}}
 | 
				
			||||||
						{{$l := Eval $n "-" 1}}
 | 
										{{range $i, $v := .TreeNames}}
 | 
				
			||||||
						{{range $i, $v := .TreeNames}}
 | 
											<div class="divider"> / </div>
 | 
				
			||||||
							<div class="divider"> / </div>
 | 
											{{if eq $i $l}}
 | 
				
			||||||
							{{if eq $i $l}}
 | 
												<input id="file-name" value="{{$v}}" placeholder="{{$.locale.Tr "repo.editor.name_your_file"}}" data-editorconfig="{{$.Editorconfig}}" required autofocus>
 | 
				
			||||||
								<input id="file-name" value="{{$v}}" placeholder="{{$.locale.Tr "repo.editor.name_your_file"}}" data-editorconfig="{{$.Editorconfig}}" required autofocus>
 | 
												<span data-tooltip-content="{{$.locale.Tr "repo.editor.filename_help"}}">{{svg "octicon-info"}}</span>
 | 
				
			||||||
								<span data-tooltip-content="{{$.locale.Tr "repo.editor.filename_help"}}">{{svg "octicon-info"}}</span>
 | 
											{{else}}
 | 
				
			||||||
							{{else}}
 | 
												<span class="section"><a href="{{$.BranchLink}}/{{index $.TreePaths $i | PathEscapeSegments}}">{{$v}}</a></span>
 | 
				
			||||||
								<span class="section"><a href="{{$.BranchLink}}/{{index $.TreePaths $i | PathEscapeSegments}}">{{$v}}</a></span>
 | 
					 | 
				
			||||||
							{{end}}
 | 
					 | 
				
			||||||
						{{end}}
 | 
											{{end}}
 | 
				
			||||||
						<span>{{.locale.Tr "repo.editor.or"}} <a href="{{$.BranchLink}}{{if not .IsNewFile}}/{{PathEscapeSegments .TreePath}}{{end}}">{{.locale.Tr "repo.editor.cancel_lower"}}</a></span>
 | 
										{{end}}
 | 
				
			||||||
						<input type="hidden" id="tree_path" name="tree_path" value="{{.TreePath}}" required>
 | 
										<span>{{.locale.Tr "repo.editor.or"}} <a href="{{$.BranchLink}}{{if not .IsNewFile}}/{{PathEscapeSegments .TreePath}}{{end}}">{{.locale.Tr "repo.editor.cancel_lower"}}</a></span>
 | 
				
			||||||
					</div>
 | 
										<input type="hidden" id="tree_path" name="tree_path" value="{{.TreePath}}" required>
 | 
				
			||||||
				</div>
 | 
									</div>
 | 
				
			||||||
			</div>
 | 
								</div>
 | 
				
			||||||
			<div class="field">
 | 
								<div class="field">
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -7,17 +7,15 @@
 | 
				
			||||||
			{{.CsrfTokenHtml}}
 | 
								{{.CsrfTokenHtml}}
 | 
				
			||||||
			<input type="hidden" name="last_commit" value="{{.last_commit}}">
 | 
								<input type="hidden" name="last_commit" value="{{.last_commit}}">
 | 
				
			||||||
			<input type="hidden" name="page_has_posted" value="{{.PageHasPosted}}">
 | 
								<input type="hidden" name="page_has_posted" value="{{.PageHasPosted}}">
 | 
				
			||||||
			<div class="ui secondary menu">
 | 
								<div class="repo-editor-header">
 | 
				
			||||||
				<div class="fitted item treepath">
 | 
									<div class="ui breadcrumb field {{if .Err_TreePath}}error{{end}}">
 | 
				
			||||||
					<div class="ui breadcrumb field {{if .Err_TreePath}}error{{end}}">
 | 
										{{.locale.Tr "repo.editor.patching"}}
 | 
				
			||||||
						{{.locale.Tr "repo.editor.patching"}}
 | 
										<a class="section" href="{{$.RepoLink}}">{{.Repository.FullName}}</a>
 | 
				
			||||||
						<a class="section" href="{{$.RepoLink}}">{{.Repository.FullName}}</a>
 | 
										<div class="divider">:</div>
 | 
				
			||||||
						<div class="divider">:</div>
 | 
										<a class="section" href="{{$.BranchLink}}">{{.BranchName}}</a>
 | 
				
			||||||
						<a class="section" href="{{$.BranchLink}}">{{.BranchName}}</a>
 | 
										<span>{{.locale.Tr "repo.editor.or"}} <a href="{{$.BranchLink}}">{{.locale.Tr "repo.editor.cancel_lower"}}</a></span>
 | 
				
			||||||
						<span>{{.locale.Tr "repo.editor.or"}} <a href="{{$.BranchLink}}">{{.locale.Tr "repo.editor.cancel_lower"}}</a></span>
 | 
										<input type="hidden" id="tree_path" name="tree_path" value="" required>
 | 
				
			||||||
						<input type="hidden" id="tree_path" name="tree_path" value="" required>
 | 
										<input id="file-name" type="hidden" value="diff.patch">
 | 
				
			||||||
						<input id="file-name" type="hidden" value="diff.patch">
 | 
					 | 
				
			||||||
					</div>
 | 
					 | 
				
			||||||
				</div>
 | 
									</div>
 | 
				
			||||||
			</div>
 | 
								</div>
 | 
				
			||||||
			<div class="field">
 | 
								<div class="field">
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -5,24 +5,22 @@
 | 
				
			||||||
		{{template "base/alert" .}}
 | 
							{{template "base/alert" .}}
 | 
				
			||||||
		<form class="ui comment form" method="post">
 | 
							<form class="ui comment form" method="post">
 | 
				
			||||||
			{{.CsrfTokenHtml}}
 | 
								{{.CsrfTokenHtml}}
 | 
				
			||||||
			<div class="ui secondary menu">
 | 
								<div class="repo-editor-header">
 | 
				
			||||||
				<div class="item fitted treepath">
 | 
									<div class="ui breadcrumb field {{if .Err_TreePath}}error{{end}}">
 | 
				
			||||||
					<div class="ui breadcrumb field {{if .Err_TreePath}}error{{end}}">
 | 
										<a class="section" href="{{$.BranchLink}}">{{.Repository.Name}}</a>
 | 
				
			||||||
						<a class="section" href="{{$.BranchLink}}">{{.Repository.Name}}</a>
 | 
										{{$n := len .TreeNames}}
 | 
				
			||||||
						{{$n := len .TreeNames}}
 | 
										{{$l := Eval $n "-" 1}}
 | 
				
			||||||
						{{$l := Eval $n "-" 1}}
 | 
										{{range $i, $v := .TreeNames}}
 | 
				
			||||||
						{{range $i, $v := .TreeNames}}
 | 
											<div class="divider"> / </div>
 | 
				
			||||||
							<div class="divider"> / </div>
 | 
											{{if eq $i $l}}
 | 
				
			||||||
							{{if eq $i $l}}
 | 
												<input type="text" id="file-name" value="{{$v}}" placeholder="{{$.locale.Tr "repo.editor.add_subdir"}}" autofocus>
 | 
				
			||||||
								<input type="text" id="file-name" value="{{$v}}" placeholder="{{$.locale.Tr "repo.editor.add_subdir"}}" autofocus>
 | 
												<span data-tooltip-content="{{$.locale.Tr "repo.editor.filename_help"}}">{{svg "octicon-info"}}</span>
 | 
				
			||||||
								<span data-tooltip-content="{{$.locale.Tr "repo.editor.filename_help"}}">{{svg "octicon-info"}}</span>
 | 
											{{else}}
 | 
				
			||||||
							{{else}}
 | 
												<span class="section"><a href="{{$.BranchLink}}/{{index $.TreePaths $i | PathEscapeSegments}}">{{$v}}</a></span>
 | 
				
			||||||
								<span class="section"><a href="{{$.BranchLink}}/{{index $.TreePaths $i | PathEscapeSegments}}">{{$v}}</a></span>
 | 
					 | 
				
			||||||
							{{end}}
 | 
					 | 
				
			||||||
						{{end}}
 | 
											{{end}}
 | 
				
			||||||
						<span>{{.locale.Tr "repo.editor.or"}} <a href="{{$.BranchLink}}{{if not .IsNewFile}}/{{.TreePath | PathEscapeSegments}}{{end}}">{{.locale.Tr "repo.editor.cancel_lower"}}</a></span>
 | 
										{{end}}
 | 
				
			||||||
						<input type="hidden" id="tree_path" name="tree_path" value="{{.TreePath}}" required>
 | 
										<span>{{.locale.Tr "repo.editor.or"}} <a href="{{$.BranchLink}}{{if not .IsNewFile}}/{{.TreePath | PathEscapeSegments}}{{end}}">{{.locale.Tr "repo.editor.cancel_lower"}}</a></span>
 | 
				
			||||||
					</div>
 | 
										<input type="hidden" id="tree_path" name="tree_path" value="{{.TreePath}}" required>
 | 
				
			||||||
				</div>
 | 
									</div>
 | 
				
			||||||
			</div>
 | 
								</div>
 | 
				
			||||||
			<div class="field">
 | 
								<div class="field">
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -109,7 +109,7 @@
 | 
				
			||||||
					</a>
 | 
										</a>
 | 
				
			||||||
				{{end}}
 | 
									{{end}}
 | 
				
			||||||
				{{if ne $n 0}}
 | 
									{{if ne $n 0}}
 | 
				
			||||||
					<span class="ui breadcrumb repo-path gt-ml-2">
 | 
										<span class="breadcrumb repo-path gt-ml-2">
 | 
				
			||||||
						<a class="section" href="{{.RepoLink}}/src/{{.BranchNameSubURL}}" title="{{.Repository.Name}}">{{StringUtils.EllipsisString .Repository.Name 30}}</a>
 | 
											<a class="section" href="{{.RepoLink}}/src/{{.BranchNameSubURL}}" title="{{.Repository.Name}}">{{StringUtils.EllipsisString .Repository.Name 30}}</a>
 | 
				
			||||||
						{{- range $i, $v := .TreeNames -}}
 | 
											{{- range $i, $v := .TreeNames -}}
 | 
				
			||||||
							<span class="divider">/</span>
 | 
												<span class="divider">/</span>
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -332,8 +332,7 @@ progress::-moz-progress-bar {
 | 
				
			||||||
  user-select: none;
 | 
					  user-select: none;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
a,
 | 
					a {
 | 
				
			||||||
.ui.breadcrumb a {
 | 
					 | 
				
			||||||
  color: var(--color-primary);
 | 
					  color: var(--color-primary);
 | 
				
			||||||
  cursor: pointer;
 | 
					  cursor: pointer;
 | 
				
			||||||
  text-decoration-skip-ink: all;
 | 
					  text-decoration-skip-ink: all;
 | 
				
			||||||
| 
						 | 
					@ -347,8 +346,7 @@ a.muted,
 | 
				
			||||||
a:hover,
 | 
					a:hover,
 | 
				
			||||||
a.muted:hover,
 | 
					a.muted:hover,
 | 
				
			||||||
a.muted:hover [class*="color-text"],
 | 
					a.muted:hover [class*="color-text"],
 | 
				
			||||||
.muted-links a:hover,
 | 
					.muted-links a:hover {
 | 
				
			||||||
.ui.breadcrumb a:hover {
 | 
					 | 
				
			||||||
  color: var(--color-primary);
 | 
					  color: var(--color-primary);
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
| 
						 | 
					@ -737,14 +735,6 @@ a.label,
 | 
				
			||||||
  padding-bottom: 7.42px !important;
 | 
					  padding-bottom: 7.42px !important;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
.ui.breadcrumb a:hover {
 | 
					 | 
				
			||||||
  text-decoration: underline !important;
 | 
					 | 
				
			||||||
}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
.ui.breadcrumb .divider {
 | 
					 | 
				
			||||||
  color: var(--color-text-light-2);
 | 
					 | 
				
			||||||
}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
.ui.divider:not(.vertical,.horizontal) {
 | 
					.ui.divider:not(.vertical,.horizontal) {
 | 
				
			||||||
  border-top-color: var(--color-secondary) !important;
 | 
					  border-top-color: var(--color-secondary) !important;
 | 
				
			||||||
  border-bottom: none !important;
 | 
					  border-bottom: none !important;
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -12,6 +12,12 @@
 | 
				
			||||||
  border-bottom: 0;
 | 
					  border-bottom: 0;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					.repo-editor-header {
 | 
				
			||||||
 | 
					  display: flex;
 | 
				
			||||||
 | 
					  margin: 1rem 0;
 | 
				
			||||||
 | 
					  padding: 3px 0;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
.editor-toolbar {
 | 
					.editor-toolbar {
 | 
				
			||||||
  border-color: var(--color-secondary);
 | 
					  border-color: var(--color-secondary);
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -11,6 +11,7 @@
 | 
				
			||||||
@import "./features/projects.css";
 | 
					@import "./features/projects.css";
 | 
				
			||||||
@import "./modules/tippy.css";
 | 
					@import "./modules/tippy.css";
 | 
				
			||||||
@import "./modules/modal.css";
 | 
					@import "./modules/modal.css";
 | 
				
			||||||
 | 
					@import "./modules/breadcrumb.css";
 | 
				
			||||||
@import "./code/linebutton.css";
 | 
					@import "./code/linebutton.css";
 | 
				
			||||||
@import "./markup/content.css";
 | 
					@import "./markup/content.css";
 | 
				
			||||||
@import "./markup/codecopy.css";
 | 
					@import "./markup/codecopy.css";
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -0,0 +1,9 @@
 | 
				
			||||||
 | 
					.breadcrumb .divider {
 | 
				
			||||||
 | 
					  color: var(--color-text-light-2);
 | 
				
			||||||
 | 
					  margin-left: 3px;
 | 
				
			||||||
 | 
					  margin-right: 3px;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					.breadcrumb > * {
 | 
				
			||||||
 | 
					  display: inline;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
| 
						 | 
					@ -223,11 +223,6 @@
 | 
				
			||||||
  word-break: break-word;
 | 
					  word-break: break-word;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
.repository.file.list .repo-path .section,
 | 
					 | 
				
			||||||
.repository.file.list .repo-path .divider {
 | 
					 | 
				
			||||||
  display: inline;
 | 
					 | 
				
			||||||
}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
.repository.file.list #repo-files-table {
 | 
					.repository.file.list #repo-files-table {
 | 
				
			||||||
  table-layout: fixed;
 | 
					  table-layout: fixed;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
| 
						 | 
					@ -448,16 +443,15 @@
 | 
				
			||||||
  width: 16px;
 | 
					  width: 16px;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
.repository.file.editor .treepath {
 | 
					.repo-editor-header {
 | 
				
			||||||
  width: 100%;
 | 
					  width: 100%;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
.repository.file.editor .treepath input {
 | 
					.repo-editor-header input {
 | 
				
			||||||
  vertical-align: middle;
 | 
					  vertical-align: middle !important;
 | 
				
			||||||
  box-shadow: rgba(0, 0, 0, 0.0745098) 0 1px 2px inset;
 | 
					  width: auto !important;
 | 
				
			||||||
  width: inherit;
 | 
					  padding: 7px 8px !important;
 | 
				
			||||||
  padding: 7px 8px;
 | 
					  margin-right: 5px !important;
 | 
				
			||||||
  margin-right: 5px;
 | 
					 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
.repository.file.editor .tabular.menu .svg {
 | 
					.repository.file.editor .tabular.menu .svg {
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -8,151 +8,6 @@
 | 
				
			||||||
 * http://opensource.org/licenses/MIT
 | 
					 * http://opensource.org/licenses/MIT
 | 
				
			||||||
 *
 | 
					 *
 | 
				
			||||||
 */
 | 
					 */
 | 
				
			||||||
/*!
 | 
					 | 
				
			||||||
 * # Fomantic-UI - Breadcrumb
 | 
					 | 
				
			||||||
 * http://github.com/fomantic/Fomantic-UI/
 | 
					 | 
				
			||||||
 *
 | 
					 | 
				
			||||||
 *
 | 
					 | 
				
			||||||
 * Released under the MIT license
 | 
					 | 
				
			||||||
 * http://opensource.org/licenses/MIT
 | 
					 | 
				
			||||||
 *
 | 
					 | 
				
			||||||
 */
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
/*******************************
 | 
					 | 
				
			||||||
           Breadcrumb
 | 
					 | 
				
			||||||
*******************************/
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
.ui.breadcrumb {
 | 
					 | 
				
			||||||
  line-height: 1.4285em;
 | 
					 | 
				
			||||||
  display: inline-block;
 | 
					 | 
				
			||||||
  margin: 0 0;
 | 
					 | 
				
			||||||
  vertical-align: middle;
 | 
					 | 
				
			||||||
}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
.ui.breadcrumb:first-child {
 | 
					 | 
				
			||||||
  margin-top: 0;
 | 
					 | 
				
			||||||
}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
.ui.breadcrumb:last-child {
 | 
					 | 
				
			||||||
  margin-bottom: 0;
 | 
					 | 
				
			||||||
}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
/*******************************
 | 
					 | 
				
			||||||
          Content
 | 
					 | 
				
			||||||
*******************************/
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
/* Divider */
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
.ui.breadcrumb .divider {
 | 
					 | 
				
			||||||
  display: inline-block;
 | 
					 | 
				
			||||||
  opacity: 0.7;
 | 
					 | 
				
			||||||
  margin: 0 0.21428571rem 0;
 | 
					 | 
				
			||||||
  font-size: 0.92857143em;
 | 
					 | 
				
			||||||
  color: rgba(0, 0, 0, 0.4);
 | 
					 | 
				
			||||||
  vertical-align: baseline;
 | 
					 | 
				
			||||||
}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
/* Link */
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
.ui.breadcrumb a {
 | 
					 | 
				
			||||||
  color: #4183C4;
 | 
					 | 
				
			||||||
}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
.ui.breadcrumb a:hover {
 | 
					 | 
				
			||||||
  color: #1e70bf;
 | 
					 | 
				
			||||||
}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
/* Icon Divider */
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
.ui.breadcrumb .icon.divider {
 | 
					 | 
				
			||||||
  font-size: 0.85714286em;
 | 
					 | 
				
			||||||
  vertical-align: baseline;
 | 
					 | 
				
			||||||
}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
/* Section */
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
.ui.breadcrumb a.section {
 | 
					 | 
				
			||||||
  cursor: pointer;
 | 
					 | 
				
			||||||
}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
.ui.breadcrumb .section {
 | 
					 | 
				
			||||||
  display: inline-block;
 | 
					 | 
				
			||||||
  margin: 0;
 | 
					 | 
				
			||||||
  padding: 0;
 | 
					 | 
				
			||||||
}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
/* Loose Coupling */
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
.ui.breadcrumb.segment {
 | 
					 | 
				
			||||||
  display: inline-block;
 | 
					 | 
				
			||||||
  padding: 0.78571429em 1em;
 | 
					 | 
				
			||||||
}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
/* Inverted */
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
.ui.inverted.breadcrumb {
 | 
					 | 
				
			||||||
  color: #DCDDDE;
 | 
					 | 
				
			||||||
}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
.ui.inverted.breadcrumb > .active.section {
 | 
					 | 
				
			||||||
  color: #FFFFFF;
 | 
					 | 
				
			||||||
}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
.ui.inverted.breadcrumb > .divider {
 | 
					 | 
				
			||||||
  color: rgba(255, 255, 255, 0.7);
 | 
					 | 
				
			||||||
}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
/*******************************
 | 
					 | 
				
			||||||
            States
 | 
					 | 
				
			||||||
*******************************/
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
.ui.breadcrumb .active.section {
 | 
					 | 
				
			||||||
  font-weight: 500;
 | 
					 | 
				
			||||||
}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
/*******************************
 | 
					 | 
				
			||||||
           Variations
 | 
					 | 
				
			||||||
*******************************/
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
.ui.breadcrumb {
 | 
					 | 
				
			||||||
  font-size: 1rem;
 | 
					 | 
				
			||||||
}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
.ui.mini.breadcrumb {
 | 
					 | 
				
			||||||
  font-size: 0.78571429rem;
 | 
					 | 
				
			||||||
}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
.ui.tiny.breadcrumb {
 | 
					 | 
				
			||||||
  font-size: 0.85714286rem;
 | 
					 | 
				
			||||||
}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
.ui.small.breadcrumb {
 | 
					 | 
				
			||||||
  font-size: 0.92857143rem;
 | 
					 | 
				
			||||||
}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
.ui.large.breadcrumb {
 | 
					 | 
				
			||||||
  font-size: 1.14285714rem;
 | 
					 | 
				
			||||||
}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
.ui.big.breadcrumb {
 | 
					 | 
				
			||||||
  font-size: 1.28571429rem;
 | 
					 | 
				
			||||||
}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
.ui.huge.breadcrumb {
 | 
					 | 
				
			||||||
  font-size: 1.42857143rem;
 | 
					 | 
				
			||||||
}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
.ui.massive.breadcrumb {
 | 
					 | 
				
			||||||
  font-size: 1.71428571rem;
 | 
					 | 
				
			||||||
}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
/*******************************
 | 
					 | 
				
			||||||
         Theme Overrides
 | 
					 | 
				
			||||||
*******************************/
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
/*******************************
 | 
					 | 
				
			||||||
         Site Overrides
 | 
					 | 
				
			||||||
*******************************/
 | 
					 | 
				
			||||||
/*!
 | 
					/*!
 | 
				
			||||||
 * # Fomantic-UI - Button
 | 
					 * # Fomantic-UI - Button
 | 
				
			||||||
 * http://github.com/fomantic/Fomantic-UI/
 | 
					 * http://github.com/fomantic/Fomantic-UI/
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -22,7 +22,6 @@
 | 
				
			||||||
  "admin": false,
 | 
					  "admin": false,
 | 
				
			||||||
  "components": [
 | 
					  "components": [
 | 
				
			||||||
    "api",
 | 
					    "api",
 | 
				
			||||||
    "breadcrumb",
 | 
					 | 
				
			||||||
    "button",
 | 
					    "button",
 | 
				
			||||||
    "card",
 | 
					    "card",
 | 
				
			||||||
    "checkbox",
 | 
					    "checkbox",
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
		Loading…
	
		Reference in New Issue