RetailCRM-Mirror/vue-formulario
1
0
Fork 0
mirror of synced 2025-02-18 21:43:14 +03:00
Code Issues Projects Releases Wiki Activity

Merge pull request #28 from wearebraid/release/2.2.x

Browse Source 
Release/2.2.x
This commit is contained in:
Justin Schroeder 2020-03-09 13:14:57 -04:00 committed by GitHub
commit 070e56b9df
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
7 changed files with 25 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
dist/formulate.esm.js vendored
View File

File diff suppressed because one or more lines are too long

2
dist/formulate.min.js vendored
View File

File diff suppressed because one or more lines are too long

2
dist/formulate.umd.js vendored
View File

File diff suppressed because one or more lines are too long

15
dist/snow.css vendored
View File

@ -351,9 +351,10 @@
border-radius: 1.25em; border-radius: 1.25em;
width: 5em; width: 5em;
overflow: hidden; overflow: hidden;
position: absolute; position: relative;
flex: 0 0 5em;
right: .75em; right: .75em;
transition: height .25s, width .25s; transition: height .25s, width .25s, flex-basis .25s;
z-index: 2; } z-index: 2; }
.formulate-input[data-classification="file"] .formulate-files .formulate-file-progress::before { .formulate-input[data-classification="file"] .formulate-files .formulate-file-progress::before {
content: ''; content: '';
@ -373,7 +374,8 @@
z-index: 3; } z-index: 3; }
.formulate-input[data-classification="file"] .formulate-files .formulate-file-progress[data-just-finished] { .formulate-input[data-classification="file"] .formulate-files .formulate-file-progress[data-just-finished] {
width: 1.25em; width: 1.25em;
height: 1.25em; } height: 1.25em;
flex: 0 0 1.25em; }
.formulate-input[data-classification="file"] .formulate-files .formulate-file-progress[data-just-finished]::before { .formulate-input[data-classification="file"] .formulate-files .formulate-file-progress[data-just-finished]::before {
transition: transform .25s .2s, opacity .25s .2s; transition: transform .25s .2s, opacity .25s .2s;
transform: scale(1); transform: scale(1);
@ -381,6 +383,7 @@
.formulate-input[data-classification="file"] .formulate-files .formulate-file-progress[data-is-finished] { .formulate-input[data-classification="file"] .formulate-files .formulate-file-progress[data-is-finished] {
transition: height .25s, width .25s, left .25s, top, .25s, border-radius .25s; transition: height .25s, width .25s, left .25s, top, .25s, border-radius .25s;
width: .3em; width: .3em;
flex: 0 0 .3em;
height: 100%; height: 100%;
right: 0; right: 0;
border-radius: 0 .23em .23em 0; } border-radius: 0 .23em .23em 0; }
@ -398,7 +401,10 @@
.formulate-input[data-classification="file"] .formulate-files .formulate-file-name { .formulate-input[data-classification="file"] .formulate-files .formulate-file-name {
padding-left: 1.5em; padding-left: 1.5em;
padding-right: 2em; padding-right: 2em;
max-width: 100%; } max-width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; }
.formulate-input[data-classification="file"] .formulate-files .formulate-file-name::before { .formulate-input[data-classification="file"] .formulate-files .formulate-file-name::before {
position: absolute; position: absolute;
left: .7em; left: .7em;
@ -473,6 +479,7 @@
.formulate-input[data-classification="file"] .formulate-files .formulate-file-image-preview { .formulate-input[data-classification="file"] .formulate-files .formulate-file-image-preview {
width: 3em; width: 3em;
height: 3em; height: 3em;
flex: 0 0 3em;
position: relative; position: relative;
z-index: 2; z-index: 2;
left: -1px; left: -1px;

2
dist/snow.min.css vendored
View File

File diff suppressed because one or more lines are too long

1
src/FormulateFiles.vue
View File

@ -20,6 +20,7 @@
</div> </div>
<div <div
class="formulate-file-name" class="formulate-file-name"
:title="file.name"
v-text="file.name" v-text="file.name"
/> />
<div <div

11
themes/snow/_inputs.scss
View File

@ -439,9 +439,10 @@
border-radius: 1.25em; border-radius: 1.25em;
width: 5em; width: 5em;
overflow: hidden; overflow: hidden;
position: absolute; position: relative;
flex: 0 0 5em;
right: .75em; right: .75em;
transition: height .25s, width .25s; transition: height .25s, width .25s, flex-basis .25s;
z-index: 2; z-index: 2;
&::before { &::before {
@ -465,6 +466,7 @@
&[data-just-finished] { &[data-just-finished] {
width: 1.25em; width: 1.25em;
height: 1.25em; height: 1.25em;
flex: 0 0 1.25em;
&::before { &::before {
transition: transform .25s .2s, opacity .25s .2s; transition: transform .25s .2s, opacity .25s .2s;
@ -476,6 +478,7 @@
&[data-is-finished] { &[data-is-finished] {
transition: height .25s, width .25s, left .25s, top, .25s, border-radius .25s; transition: height .25s, width .25s, left .25s, top, .25s, border-radius .25s;
width: .3em; width: .3em;
flex: 0 0 .3em;
height: 100%; height: 100%;
right: 0; right: 0;
border-radius: 0 .23em .23em 0; border-radius: 0 .23em .23em 0;
@ -502,6 +505,9 @@
padding-left: 1.5em; padding-left: 1.5em;
padding-right: 2em; padding-right: 2em;
max-width: 100%; max-width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
&::before { &::before {
position: absolute; position: absolute;
@ -589,6 +595,7 @@
.formulate-file-image-preview { .formulate-file-image-preview {
width: 3em; width: 3em;
height: 3em; height: 3em;
flex: 0 0 3em;
position: relative; position: relative;
z-index: 2; z-index: 2;
left: -1px; left: -1px;