public/grafana
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added fadeIn animation to non-build mode

Browse Source
This commit is contained in:
Matt
2016-10-28 17:09:33 -04:00
parent 51f55cf6f1
commit d9f99eb501
1 changed files with 26 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/sass/pages/_dashboard.scss
+26 -2
View File
@@ -219,6 +219,8 @@ div.flot-text {
&:hover {
.dash-row-header-actions {
display: block;
opacity: 0;
animation: fadeIn 150ms linear 100ms forwards;
}
}
@@ -387,7 +389,7 @@ div.flot-text {
border-left: $panel-border;
border-bottom: $panel-border;
border-right: $panel-border;
margin: 0;
margin: 0 0 $panel-margin*2 0;
padding: $panel-margin*2;
box-shadow: 0px 3px 7px -3px $black;
}
@@ -396,7 +398,7 @@ div.flot-text {
border-left: $panel-border;
border-bottom: $panel-border;
border-right: $panel-border;
margin: 0;
margin: 0 0 $panel-margin*2 0;
padding: $panel-margin*2;
// display: flex;
// align-items: flex-start;
@@ -404,6 +406,15 @@ div.flot-text {
box-shadow: 0px 3px 7px -3px $black;
}
.dash-edit-mode {
.dash-row-options {
margin-bottom: 0;
}
.dash-row-add-panel {
margin-bottom: 0;
}
}
.add-panel-panels-scroll {
width: 100%;
overflow: hidden;
@@ -440,3 +451,16 @@ div.flot-text {
.add-panel-item-img {
width: 2rem;
}
// Animations
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}