IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2024-11-27 19:30:36 -06:00
Code Issues Packages Projects Releases Wiki Activity

Added vertical ellipses, played with box shadows and borders and such. Ellipses need to fade to Opacity 0 when menu is open.

Browse Source
This commit is contained in:
Matt 2016-11-03 15:12:39 -04:00
parent 3e712178cc
commit 4e15e61b39
2 changed files with 15 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
public/app/features/dashboard/row/row.html
View File

@ -1,9 +1,10 @@
<div class="dash-row-menu-container" ng-hide="dashboard.meta.fullscreen"> <div class="dash-row-menu-container" id="dash-row-menu-container-id" ng-hide="dashboard.meta.fullscreen">
<ul class="dash-row-menu" role="menu" aria-labelledby="drop1"> <ul class="dash-row-menu" role="menu" aria-labelledby="drop1">
<li> <li>
<a ng-click="ctrl.onMenuAddPanel()"> <a ng-click="ctrl.onMenuAddPanel()">
<i class="fa fa-plus"></i> Add Panel <i class="fa fa-plus"></i> Add Panel
</a> </a>
<i class="icon-gf icon-gf-bulk_action dash-row-menu--affordance" id="dash-row-menu--affordance-id"></i>
</li> </li>
<li> <li>
<a ng-click="ctrl.onMenuRowOptions()"> <a ng-click="ctrl.onMenuRowOptions()">

14
public/sass/components/_row.scss
View File

@ -114,13 +114,15 @@
&:hover { &:hover {
left: 0px; left: 0px;
z-index: 101;
box-shadow: $search-shadow;
} }
} }
.dash-row-menu { .dash-row-menu {
list-style: none; list-style: none;
li a { li a {
display: block; display: inline-block;
white-space: nowrap; white-space: nowrap;
color: $text-muted; color: $text-muted;
font-size: $font-size-sm; font-size: $font-size-sm;
@ -132,6 +134,16 @@
} }
} }
.dash-row-menu--affordance {
float: right;
font-size: 130%;
margin-top: 7px;
color: $text-color-faint;
margin-right: -7px;
opacity: 1;
transition: .30s opacity forwards;
}
// Legacy mode // Legacy mode
.row-tab { .row-tab {
.dropdown-menu-right { .dropdown-menu-right {