diff options
author | sgiehl <stefan@piwik.org> | 2015-12-19 20:33:16 +0300 |
---|---|---|
committer | sgiehl <stefan@piwik.org> | 2015-12-19 20:33:16 +0300 |
commit | fd3adfe2437f8fa19fd4918cd0156e28c2d35a15 (patch) | |
tree | 762252d0e2848136827ca1ca9cea1c2ed1cb6806 /plugins/Dashboard | |
parent | 74ca91646cc3f20449d591d0587ff473dbfab79c (diff) |
fixes #9022 - fixed jumping effect in dashboard
Diffstat (limited to 'plugins/Dashboard')
-rw-r--r-- | plugins/Dashboard/stylesheets/widget.less | 24 | ||||
-rw-r--r-- | plugins/Dashboard/templates/_widgetFactoryTemplate.twig | 24 |
2 files changed, 28 insertions, 20 deletions
diff --git a/plugins/Dashboard/stylesheets/widget.less b/plugins/Dashboard/stylesheets/widget.less index 558da41ab9..09357f7784 100644 --- a/plugins/Dashboard/stylesheets/widget.less +++ b/plugins/Dashboard/stylesheets/widget.less @@ -45,18 +45,24 @@ .button { margin: 16px 8px 0 0; opacity: 0.8; - visibility: hidden; - display:none; cursor: pointer; float: right; } - } - // TODO those 2 should probably be simplified eventually... - .widgetTop:hover .button { - visibility: visible; - } - .widgetTop.widgetTopHover .button { - display:block; + .buttons { + float: right; + position: absolute; + padding-left: 50px; + right: 8px; + display: none; + background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, @theme-color-widget-title-background 45px); + background: -webkit-linear-gradient(left,rgba(255,255,255,0) 0%, @theme-color-widget-title-background 45px); + background: linear-gradient(to right, rgba(255,255,255,0) 0%, @theme-color-widget-title-background 45px); + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='@{theme-color-widget-title-background}',GradientType=1 ); + } + + &:hover .buttons { + display:block; + } } .widgetText { diff --git a/plugins/Dashboard/templates/_widgetFactoryTemplate.twig b/plugins/Dashboard/templates/_widgetFactoryTemplate.twig index 05e979f8da..4c24631dcc 100644 --- a/plugins/Dashboard/templates/_widgetFactoryTemplate.twig +++ b/plugins/Dashboard/templates/_widgetFactoryTemplate.twig @@ -1,17 +1,19 @@ <div id="widgetTemplate" style="display:none;"> <div class="widget"> <div class="widgetTop"> - <div class="button" id="close"> - <span class="icon-close" title="{{ 'General_Close'|translate }}"></span> - </div> - <div class="button" id="maximise"> - <span class="icon-fullscreen" title="{{ 'Dashboard_Maximise'|translate }}"></span> - </div> - <div class="button" id="minimise"> - <span class="icon-minimise" title="{{ 'Dashboard_Minimise'|translate }}"></span> - </div> - <div class="button" id="refresh"> - <span class="icon-reload" title="{{ 'General_Refresh'|translate }}"></span> + <div class="buttons"> + <div class="button" id="close"> + <span class="icon-close" title="{{ 'General_Close'|translate }}"></span> + </div> + <div class="button" id="maximise"> + <span class="icon-fullscreen" title="{{ 'Dashboard_Maximise'|translate }}"></span> + </div> + <div class="button" id="minimise"> + <span class="icon-minimise" title="{{ 'Dashboard_Minimise'|translate }}"></span> + </div> + <div class="button" id="refresh"> + <span class="icon-reload" title="{{ 'General_Refresh'|translate }}"></span> + </div> </div> <h3 class="widgetName">{% if widgetName is defined %}{{ widgetName }}{% endif %} <div class="widgetNameOffScreen"> |