Remove polluted ".ui.left" style (#26809)

This commit is contained in:
wxiaoguang 2023-08-30 21:46:24 +08:00 committed by GitHub
parent 2590707122
commit 1bb9b1c4d9
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 5 additions and 36 deletions

View File

@ -41,13 +41,9 @@
<div class="ui bottom attached segment"> <div class="ui bottom attached segment">
<form class="ui form" id="repo-collab-form" action="{{.Link}}" method="post"> <form class="ui form" id="repo-collab-form" action="{{.Link}}" method="post">
{{.CsrfTokenHtml}} {{.CsrfTokenHtml}}
<div class="inline field ui left"> <div id="search-user-box" class="ui search input gt-vm">
<div id="search-user-box" class="ui search">
<div class="ui input">
<input class="prompt" name="collaborator" placeholder="{{.locale.Tr "repo.settings.search_user_placeholder"}}" autocomplete="off" autofocus required> <input class="prompt" name="collaborator" placeholder="{{.locale.Tr "repo.settings.search_user_placeholder"}}" autocomplete="off" autofocus required>
</div> </div>
</div>
</div>
<button class="ui green button">{{.locale.Tr "repo.settings.add_collaborator"}}</button> <button class="ui green button">{{.locale.Tr "repo.settings.add_collaborator"}}</button>
</form> </form>
</div> </div>
@ -93,13 +89,9 @@
{{if $allowedToChangeTeams}} {{if $allowedToChangeTeams}}
<form class="ui form" id="repo-collab-team-form" action="{{.Link}}/team" method="post"> <form class="ui form" id="repo-collab-team-form" action="{{.Link}}/team" method="post">
{{.CsrfTokenHtml}} {{.CsrfTokenHtml}}
<div class="inline field ui left"> <div id="search-team-box" class="ui search input gt-vm">
<div id="search-team-box" class="ui search" data-org="{{.OrgName}}">
<div class="ui input">
<input class="prompt" name="team" placeholder="{{$.locale.Tr "repo.settings.search_team"}}" autocomplete="off" autofocus required> <input class="prompt" name="team" placeholder="{{$.locale.Tr "repo.settings.search_team"}}" autocomplete="off" autofocus required>
</div> </div>
</div>
</div>
<button class="ui green button">{{$.locale.Tr "repo.settings.add_team"}}</button> <button class="ui green button">{{$.locale.Tr "repo.settings.add_team"}}</button>
</form> </form>
{{else}} {{else}}

View File

@ -1179,11 +1179,6 @@ img.ui.avatar,
font-size: 0.75em; font-size: 0.75em;
} }
/* FIXME: this is a serious pollution, do not use this for "float: left" anymore */
.ui.left:not(.action) {
float: left;
}
/* FIXME: this is a serious pollution, do not use this for "float: right" anymore */ /* FIXME: this is a serious pollution, do not use this for "float: right" anymore */
.ui.right:not(.action) { .ui.right:not(.action) {
float: right; float: right;

View File

@ -1907,24 +1907,6 @@
flex-wrap: wrap; flex-wrap: wrap;
} }
.repository.settings.collaboration #repo-collab-form #search-user-box .results {
left: 7px;
}
.repository.settings.collaboration #repo-collab-form .ui.button {
margin-left: 5px;
margin-top: -3px;
}
.repository.settings.collaboration #repo-collab-team-form #search-team-box .results {
left: 7px;
}
.repository.settings.collaboration #repo-collab-team-form .ui.button {
margin-left: 5px;
margin-top: -3px;
}
/* if the element is for a checkbox, then it should have a padding-left to align to the checkbox's text */ /* if the element is for a checkbox, then it should have a padding-left to align to the checkbox's text */
.repository.settings.branches .branch-protection .ui.checkbox .help, .repository.settings.branches .branch-protection .ui.checkbox .help,
.repository.settings.branches .branch-protection .checkbox-sub-item { .repository.settings.branches .branch-protection .checkbox-sub-item {

View File

@ -15,7 +15,7 @@
</a> </a>
</h4> </h4>
<div class="ui attached segment repos-search"> <div class="ui attached segment repos-search">
<div class="ui fluid right action left icon input" :class="{loading: isLoading}"> <div class="ui fluid action left icon input" :class="{loading: isLoading}">
<input type="search" spellcheck="false" maxlength="255" @input="changeReposFilter(reposFilter)" v-model="searchQuery" ref="search" @keydown="reposFilterKeyControl" :placeholder="textSearchRepos"> <input type="search" spellcheck="false" maxlength="255" @input="changeReposFilter(reposFilter)" v-model="searchQuery" ref="search" @keydown="reposFilterKeyControl" :placeholder="textSearchRepos">
<i class="icon"><svg-icon name="octicon-search" :size="16"/></i> <i class="icon"><svg-icon name="octicon-search" :size="16"/></i>
<div class="ui dropdown icon button" :title="textFilter"> <div class="ui dropdown icon button" :title="textFilter">