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-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 {
width: 16px;
text-align: center;

View File

@ -3,6 +3,13 @@
padding-bottom: @footer-margin * 2;
.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 {
width: 16px;
text-align: center;

View File

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

View File

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

View File

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

View File

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