Commit de298649bb56d7fdf0d2145b6fe5c23929d88a77
1 parent
4619852f
controllets and base datatel behavior update
Showing
1 changed file
with
13 additions
and
2 deletions
controllets/animated-button-container-controllet/animated-button-container-controllet.html
@@ -131,6 +131,16 @@ | @@ -131,6 +131,16 @@ | ||
131 | transition: 0.2s ease-out; | 131 | transition: 0.2s ease-out; |
132 | } | 132 | } |
133 | 133 | ||
134 | + .transparent | ||
135 | + { | ||
136 | + position:fixed; | ||
137 | + top:0; | ||
138 | + left:0; | ||
139 | + width:100%; | ||
140 | + height:100%; | ||
141 | + background-color: rgba(0, 0, 0, 0.4); | ||
142 | + } | ||
143 | + | ||
134 | </style> | 144 | </style> |
135 | 145 | ||
136 | <template> | 146 | <template> |
@@ -138,6 +148,7 @@ | @@ -138,6 +148,7 @@ | ||
138 | <neon-animatable><div id="hidden"></div></neon-animatable> | 148 | <neon-animatable><div id="hidden"></div></neon-animatable> |
139 | <neon-animatable> | 149 | <neon-animatable> |
140 | <paper-material elevation="5" id="window" class="window"> | 150 | <paper-material elevation="5" id="window" class="window"> |
151 | + <div class="transparent"></div> | ||
141 | <paper-toolbar id="toolbar"> | 152 | <paper-toolbar id="toolbar"> |
142 | <search-panel-controllet id="search_from_animated_button_container" left-direction="true"></search-panel-controllet> | 153 | <search-panel-controllet id="search_from_animated_button_container" left-direction="true"></search-panel-controllet> |
143 | <paper-fab id="close" mini icon="close" on-click="_onCloseClick"></paper-fab> | 154 | <paper-fab id="close" mini icon="close" on-click="_onCloseClick"></paper-fab> |
@@ -236,8 +247,8 @@ | @@ -236,8 +247,8 @@ | ||
236 | }, | 247 | }, |
237 | 248 | ||
238 | _onOpenClick: function() { | 249 | _onOpenClick: function() { |
239 | - this.entryAnimation = 'fade-in-animation'; | ||
240 | - this.exitAnimation = 'fade-out-animation'; | 250 | + /*this.entryAnimation = 'fade-in-animation'; |
251 | + this.exitAnimation = 'fade-out-animation';*/ | ||
241 | this.selected = 1; | 252 | this.selected = 1; |
242 | }, | 253 | }, |
243 | 254 |