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 |