feat(links): updated links to grafana.net

pull/5613/head
Torkel Ödegaard 9 years ago
parent 65683ab241
commit 81af8f072c
  1. 4
      public/app/core/components/search/search.html
  2. 66
      public/app/features/plugins/partials/plugin_list.html
  3. 1
      public/img/grafana_net_logo.svg
  4. 17
      public/sass/components/_search.scss
  5. 39
      public/sass/pages/_plugins.scss

@ -72,8 +72,8 @@
Import Import
</a> </a>
<a class="pull-right small muted" target="_blank" href="https://grafana.net/dashboards?utm_source=grafana_search"> <a class="pull-right search-button-row-explore-link" target="_blank" href="https://grafana.net/dashboards?utm_source=grafana_search">
Explore ready made dashboards on Grafana.net Find dashboards on
</a> </a>
<div class="clearfix"></div> <div class="clearfix"></div>

@ -5,9 +5,9 @@
<div class="page-header"> <div class="page-header">
<h1>Plugins</h1> <h1>Plugins</h1>
<a class="btn btn-inverse" href="https://grafana.net/plugins?utm_source=grafana_plugin_list" target="_blank"> <!-- <a class="btn btn&#45;inverse" href="https://grafana.net/plugins?utm_source=grafana_plugin_list" target="_blank"> -->
Explore plugins on Grafana.net <!-- Explore plugins on Grafana.net -->
</a> <!-- </a> -->
<div class="page-header-tabs"> <div class="page-header-tabs">
<ul class="gf-tabs"> <ul class="gf-tabs">
@ -27,36 +27,40 @@
</a> </a>
</li> </li>
</ul> </ul>
</div>
</div>
<section class="card-section" layout-mode> <a class="get-more-plugins-link" href="https://grafana.net/plugins?utm_source=grafana_plugin_list" target="_blank">
Find plugins on
</a>
</div>
</div>
<section class="card-section" layout-mode>
<layout-selector></layout-selector> <layout-selector></layout-selector>
<ol class="card-list" > <ol class="card-list" >
<li class="card-item-wrapper" ng-repeat="plugin in ctrl.plugins"> <li class="card-item-wrapper" ng-repeat="plugin in ctrl.plugins">
<a class="card-item" href="plugins/{{plugin.id}}/edit"> <a class="card-item" href="plugins/{{plugin.id}}/edit">
<div class="card-item-header"> <div class="card-item-header">
<div class="card-item-type"> <div class="card-item-type">
<i class="icon-gf icon-gf-{{plugin.type}}"></i> <i class="icon-gf icon-gf-{{plugin.type}}"></i>
{{plugin.type}} {{plugin.type}}
</div> </div>
<div class="card-item-notice" ng-show="plugin.hasUpdate"> <div class="card-item-notice" ng-show="plugin.hasUpdate">
<span bs-tooltip="plugin.latestVersion">Update available!</span> <span bs-tooltip="plugin.latestVersion">Update available!</span>
</div> </div>
</div> </div>
<div class="card-item-body"> <div class="card-item-body">
<figure class="card-item-figure"> <figure class="card-item-figure">
<img ng-src="{{plugin.info.logos.small}}"> <img ng-src="{{plugin.info.logos.small}}">
</figure> </figure>
<div class="card-item-details"> <div class="card-item-details">
<div class="card-item-name">{{plugin.name}}</div> <div class="card-item-name">{{plugin.name}}</div>
<div class="card-item-sub-name">By {{plugin.info.author.name}}</div> <div class="card-item-sub-name">By {{plugin.info.author.name}}</div>
</div> </div>
</div> </div>
</a> </a>
</li> </li>
</ol> </ol>
</section> </section>
</div> </div>

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 11 KiB

@ -101,9 +101,24 @@
.search-button-row { .search-button-row {
padding-top: 20px; padding-top: 20px;
line-height: 2.5rem;
button, a { button, a {
margin-right: 10px; margin-right: 10px;
} }
.search-button-row-explore-link {
color: $text-muted;
font-size: $font-size-sm;
padding-right: 7rem;
background: url(../img/grafana_net_logo.svg);
background-size: 6.5rem 3rem;
background-repeat: no-repeat;
background-position: right;
position: relative;
top: 0.8rem;
&:hover {
color: $link-hover-color;
}
}
} }

@ -63,28 +63,17 @@
} }
} }
// .app-edit-logo-box { .get-more-plugins-link {
// padding: 1.2rem; color: $text-muted;
// background: $panel-bg; font-size: $font-size-sm;
// text-align: center; padding-right: 7rem;
// img { background: url(../img/grafana_net_logo.svg);
// max-width: 7rem; background-size: 6.5rem 3rem;
// } background-repeat: no-repeat;
// margin-right: 2rem; background-position: right;
// } position: relative;
// top: 1.2rem;
// .app-edit-links { &:hover {
// list-style: none; color: $link-hover-color;
// margin: 0 0 0 2rem; }
// }
// li {
// background: $panel-bg;
// margin-top: 4px;
// padding: 0.2rem 1rem;
// }
// }
//
// .app-edit-description {
// font-style: italic;
// margin-bottom: 1.5rem;
// }

Loading…
Cancel
Save