A RetroSearch Logo

Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Search Query:

Showing content from https://github.com/vuematerial/vue-material/commit/a673139 below:

Fixed dialog transitions · vuematerial/vue-material@a673139 · GitHub

File tree Expand file treeCollapse file tree 1 file changed

+14

-22

lines changed

Filter options

Expand file treeCollapse file tree 1 file changed

+14

-22

lines changed Original file line number Diff line number Diff line change

@@ -112,33 +112,23 @@

112 112

border-radius: 2px;

113 113

backface-visibility: hidden;

114 114

pointer-events: auto;

115 -

transform: translate(-50%, -50%);

115 +

opacity: 1;

116 +

transform: translate(-50%, -50%) scale(1);

116 117

transform-origin: center center;

117 118

transition: opacity .15s $md-transition-stand-timing,

118 119

transform .2s $md-transition-stand-timing;

119 120

will-change: opacity, transform, left, top;

120 121 121 -

> .md-dialog-tabs,

122 -

> .md-dialog-title,

123 -

> .md-dialog-content,

124 -

> .md-dialog-actions {

125 -

transition: opacity .3s $md-transition-default-timing,

126 -

transform .25s $md-transition-default-timing;

127 -

will-change: opacity, transform;

122 +

&.md-dialog-leave,

123 +

&.md-dialog-enter-to {

124 +

opacity: 1;

125 +

transform: translate(-50%, -50%) scale(1);

128 126

}

129 -

}

130 - 131 -

.md-dialog-enter-active,

132 -

.md-dialog-leave-active {

133 -

opacity: 0;

134 -

transform: translate(-50%, -50%) scale(.9);

135 127 136 -

> .md-dialog-tabs,

137 -

> .md-dialog-title,

138 -

> .md-dialog-content,

139 -

> .md-dialog-actions {

128 +

&.md-dialog-enter,

129 +

&.md-dialog-leave-to {

140 130

opacity: 0;

141 -

transform: scale(.95) translate3D(0, 10%, 0);

131 +

transform: translate(-50%, -50%) scale(.9);

142 132

}

143 133

}

144 134

@@ -174,13 +164,15 @@

174 164

border-radius: 0;

175 165

transform: none;

176 166 177 -

&.md-dialog-enter {

167 +

&.md-dialog-enter,

168 +

&.md-dialog-leave-to {

178 169

opacity: 0;

179 170

transform: translate3D(0, 30%, 0);

180 171

}

181 172 182 -

&.md-dialog-leave-active {

183 -

opacity: 0;

173 +

&.md-dialog-leave,

174 +

&.md-dialog-enter-to {

175 +

opacity: 1;

184 176

transform: translate3D(0, 0, 0);

185 177

}

186 178

}

You can’t perform that action at this time.


RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4