Cleaner UI for explore page (#1253) (#1255)

* Take navbar out of column
* Add styles to navbar
* Changed navbar classes
* Remove unneeded !important from index.css
* Remove unneeded !important from _explore.less
This commit is contained in:
Patrick G 2017-03-15 18:55:12 +00:00 committed by Kim "BKC" Carlbäcker
parent 780cb692d6
commit 03d79983ee
6 changed files with 78 additions and 78 deletions

View file

@ -2944,6 +2944,14 @@ footer .ui.language .menu {
padding-top: 15px; padding-top: 15px;
padding-bottom: 80px; padding-bottom: 80px;
} }
.explore .navbar {
justify-content: center;
padding-top: 15px !important;
margin-top: -15px !important;
margin-bottom: 15px !important;
background-color: #FAFAFA !important;
border-width: 1px !important;
}
.explore .navbar .octicon { .explore .navbar .octicon {
width: 16px; width: 16px;
text-align: center; text-align: center;

View file

@ -3,6 +3,13 @@
padding-bottom: @footer-margin * 2; padding-bottom: @footer-margin * 2;
.navbar { .navbar {
justify-content: center;
padding-top: 15px !important;
margin-top: -15px !important;
margin-bottom: 15px !important;
background-color: #FAFAFA !important;
border-width: 1px !important;
.octicon { .octicon {
width: 16px; width: 16px;
text-align: center; text-align: center;

View file

@ -1,6 +1,4 @@
<div class="four wide column"> <div class="ui secondary pointing tabular top attached borderless menu navbar">
<div class="ui vertical menu navbar">
<div class="header item">{{.i18n.Tr "explore"}}</div>
<a class="{{if .PageIsExploreRepositories}}active{{end}} item" href="{{AppSubUrl}}/explore/repos"> <a class="{{if .PageIsExploreRepositories}}active{{end}} item" href="{{AppSubUrl}}/explore/repos">
<span class="octicon octicon-repo"></span> {{.i18n.Tr "explore.repos"}} <span class="octicon octicon-repo"></span> {{.i18n.Tr "explore.repos"}}
</a> </a>
@ -10,5 +8,4 @@
<a class="{{if .PageIsExploreOrganizations}}active{{end}} item" href="{{AppSubUrl}}/explore/organizations"> <a class="{{if .PageIsExploreOrganizations}}active{{end}} item" href="{{AppSubUrl}}/explore/organizations">
<span class="octicon octicon-organization"></span> {{.i18n.Tr "explore.organizations"}} <span class="octicon octicon-organization"></span> {{.i18n.Tr "explore.organizations"}}
</a> </a>
</div>
</div> </div>

View file

@ -1,9 +1,7 @@
{{template "base/head" .}} {{template "base/head" .}}
<div class="explore users"> <div class="explore users">
<div class="ui container">
<div class="ui grid">
{{template "explore/navbar" .}} {{template "explore/navbar" .}}
<div class="twelve wide column content"> <div class="ui container">
{{template "explore/search" .}} {{template "explore/search" .}}
<div class="ui user list"> <div class="ui user list">
@ -31,7 +29,5 @@
{{template "base/paginate" .}} {{template "base/paginate" .}}
</div> </div>
</div>
</div>
</div> </div>
{{template "base/footer" .}} {{template "base/footer" .}}

View file

@ -1,14 +1,10 @@
{{template "base/head" .}} {{template "base/head" .}}
<div class="explore repositories"> <div class="explore repositories">
<div class="ui container">
<div class="ui grid">
{{template "explore/navbar" .}} {{template "explore/navbar" .}}
<div class="twelve wide column content"> <div class="ui container">
{{template "explore/search" .}} {{template "explore/search" .}}
{{template "explore/repo_list" .}} {{template "explore/repo_list" .}}
{{template "base/paginate" .}} {{template "base/paginate" .}}
</div> </div>
</div>
</div>
</div> </div>
{{template "base/footer" .}} {{template "base/footer" .}}

View file

@ -1,9 +1,7 @@
{{template "base/head" .}} {{template "base/head" .}}
<div class="explore users"> <div class="explore users">
<div class="ui container">
<div class="ui grid">
{{template "explore/navbar" .}} {{template "explore/navbar" .}}
<div class="twelve wide column content"> <div class="ui container">
{{template "explore/search" .}} {{template "explore/search" .}}
<div class="ui user list"> <div class="ui user list">
@ -31,7 +29,5 @@
{{template "base/paginate" .}} {{template "base/paginate" .}}
</div> </div>
</div>
</div>
</div> </div>
{{template "base/footer" .}} {{template "base/footer" .}}