RetailCRM-Mirror/vue-formulario
1
0
Fork 0
mirror of synced 2025-02-16 20:53:13 +03:00
Code Issues Projects Releases Wiki Activity

Adds title to filenames and better long-filename styling

Browse Source
This commit is contained in:
Justin Schroeder 2020-03-09 11:03:33 -04:00
parent 78a0d4fe21
commit 57ac45be20
7 changed files with 22 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;
width: 5em;
overflow: hidden;
position: absolute;
position: relative;
flex: 0 0 5em;
right: .75em;
transition: height .25s, width .25s;
transition: height .25s, width .25s, flex-basis .25s;
z-index: 2; }
.formulate-input[data-classification="file"] .formulate-files .formulate-file-progress::before {
content: '';
@ -373,7 +374,8 @@
z-index: 3; }
.formulate-input[data-classification="file"] .formulate-files .formulate-file-progress[data-just-finished] {
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 {
transition: transform .25s .2s, opacity .25s .2s;
transform: scale(1);
@ -381,6 +383,7 @@
.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;
width: .3em;
flex: 0 0 .3em;
height: 100%;
right: 0;
border-radius: 0 .23em .23em 0; }
@ -398,7 +401,10 @@
.formulate-input[data-classification="file"] .formulate-files .formulate-file-name {
padding-left: 1.5em;
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 {
position: absolute;
left: .7em;
@ -473,6 +479,7 @@
.formulate-input[data-classification="file"] .formulate-files .formulate-file-image-preview {
width: 3em;
height: 3em;
flex: 0 0 3em;
position: relative;
z-index: 2;
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
class="formulate-file-name"
:title="file.name"
v-text="file.name"
/>
<div

8
themes/snow/_inputs.scss
View File

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