mirror/processwire
1
0
Fork 0
mirror of https://github.com/processwire/processwire.git synced 2025-08-12 09:44:38 +02:00
Code Issues Releases Wiki Activity

Fix issue processwire/processwire-issues#880

Browse Source
This commit is contained in:
Ryan Cramer
2019-06-26 11:30:32 -04:00
parent fdd2e7216d
commit 7e0f2080e6
2 changed files with 240 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

238
wire/modules/Inputfield/InputfieldFile/InputfieldFile.css
View File

@@ -1 +1,237 @@
.Inputfields>li>.InputfieldContent>ul.InputfieldFileList>li{margin:0 0 1em 0;position:relative;cursor:move}.pw-content .InputfieldFile.InputfieldItemListCollapse ul.InputfieldFileList>li,.Inputfields>li.InputfieldHasFileList.InputfieldRenderValueMode>.InputfieldContent>ul.InputfieldFileList>li,.Inputfields>li.InputfieldFile.InputfieldItemListCollapse>.InputfieldContent>ul.InputfieldFileList>li{margin-bottom:.25em}.pw-content .Inputfields>.InputfieldItemList>.InputfieldContent>ul.InputfieldFileList>li:last-child{margin-bottom:0}.InputfieldItemList .InputfieldContent.ui-state-hover{background:none}ul.InputfieldFileList li .InputfieldFileInfo,.AjaxUpload .InputfieldFileInfo{padding:.5em;line-height:1em;margin-bottom:0;margin-top:0}ul.InputfieldFileList li .InputfieldFileInfo>i.fa,.AjaxUpload .InputfieldFileInfo>i.fa{position:relative;left:2px}ul.InputfieldFileList li .InputfieldFileInfo .InputfieldFileName,.AjaxUpload .InputfieldFileInfo .InputfieldFileName{font-weight:bold;cursor:pointer}ul.InputfieldFileList li .InputfieldFileInfo .InputfieldFileName:hover,.AjaxUpload .InputfieldFileInfo .InputfieldFileName:hover{text-decoration:underline;background:none}.InputfieldFileDrag{opacity:.7}.InputfieldFileInfo:hover .InputfieldFileDrag{opacity:1}ul.InputfieldFileList li .InputfieldFileInfo .InputfieldFileStats,.AjaxUpload .InputfieldFileStats{opacity:.65;font-size:.9166666em}ul.InputfieldFileList li .ui-state-error .InputfieldFileName{text-decoration:line-through}ul.InputfieldFileList li .InputfieldFileDelete{float:right;cursor:pointer}ul.InputfieldFileList li .InputfieldFileDelete,ul.InputfieldFileList li .InputfieldFileDelete input{display:inline;font-weight:normal}ul.InputfieldFileList li .InputfieldFileDelete input{position:absolute;top:0;right:0;display:none}ul.InputfieldFileList li .ui-icon{float:left}.InputfieldFileEmpty .HideIfEmpty,.InputfieldFileSingle .HideIfSingle,.InputfieldFileMultiple .HideIfMultiple{display:none !important}ul.InputfieldFileList li .InputfieldFileData{margin-top:0;margin-bottom:0;padding:1em}.InputfieldFile.InputfieldItemListCollapse ul.InputfieldFileList li .InputfieldFileData{display:none}ul.InputfieldFileList li .InputfieldFileLink{font-weight:bold;margin:.5em 0}ul.InputfieldFileList li .InputfieldFileTags,ul.InputfieldFileList li .InputfieldFileDescription{font-weight:normal;margin:0;padding:0}ul.InputfieldFileList li .InputfieldFileTags input[type=text],ul.InputfieldFileList li .InputfieldFileDescription input[type=text]{width:100%}ul.InputfieldFileList li .InputfieldFileTags label.pw-hidden,ul.InputfieldFileList li .InputfieldFileDescription label.pw-hidden{display:none}ul.InputfieldFileList li .InputfieldFileSort{display:none !important}.langTabsContainer+.InputfieldFileTags{margin-top:.5em}.Inputfield .InputfieldFileTags input{margin-bottom:.5em}ul.InputfieldFileListBlank+p.description{margin-top:0}.InputfieldFileValidExtensions{margin-left:1em}.Inputfields .InputfieldFileUpload{position:relative;margin:1em 0 0 0}.Inputfields .InputfieldFileUpload input[type=file]{display:block;margin:.25em 0}.Inputfields .InputfieldFileUpload img{max-width:100px}.Inputfields .InputfieldFileUpload .AjaxUploadDropHere{display:none;position:absolute;top:0;right:0;opacity:.75}.AjaxUpload .ui-progressbar-value{padding:0 !important}.AjaxUpload .ui-progressbar-value span{float:right;margin:3px 5px}.InputfieldHasFileList .InputMask{position:relative;overflow:hidden;line-height:1 !important;cursor:pointer;font-size:14px;border:none}.InputfieldHasFileList .InputMask i{font-size:14px;margin:0 3px 0 0}.InputfieldHasFileList .InputMask:hover{cursor:pointer}.InputfieldHasFileList .InputMask:active{box-shadow:inset 0 1px 3px rgba(0,0,0,.2)}.InputfieldHasFileList .InputMask>input[type=file]{position:absolute;top:0;left:0;height:100%;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;cursor:inherit;width:100%}.InputfieldFileDescription label.pw-hidden,.InputfieldFileTags label.pw-hidden{display:none}.InputfieldFileDescription input::placeholder,.InputfieldFileTags input::placeholder{font-size:13px;color:#999}.AdminThemeDefault .InputfieldFileDescription input::placeholder{padding-left:3px}.InputfieldFileTags .selectize-control.multi .selectize-input>div{background:#eee;border-radius:3px;white-space:nowrap}.InputfieldFileTags .selectize-control.multi .selectize-input>div a.remove{color:#999;border-color:#ddd}.pw-content ul.InputfieldFileList li .langTabs>ul,#content ul.InputfieldFileList li .langTabs>ul{padding-left:0}.Inputfields .InputfieldFileList .langTabsContainer+.InputfieldFileTags{display:block;margin-top:.5em}.Inputfield ul.InputfieldFileList .hasLangTabs .InputfieldFileDescription,.Inputfield .hasLangTabs .InputfieldFileDescription{padding-top:.5em}.Inputfield .InputfieldFileDescription.LanguageSupport{padding-left:0;padding-right:0;padding-top:.4em}
.Inputfields > li > .InputfieldContent > ul.InputfieldFileList > li {
margin: 0 0 1em 0;
position: relative;
cursor: move;
}
.pw-content .InputfieldFile.InputfieldItemListCollapse ul.InputfieldFileList > li,
.Inputfields > li.InputfieldHasFileList.InputfieldRenderValueMode > .InputfieldContent > ul.InputfieldFileList > li,
.Inputfields > li.InputfieldFile.InputfieldItemListCollapse > .InputfieldContent > ul.InputfieldFileList > li {
margin-bottom: 0.25em;
}
.pw-content .Inputfields > .InputfieldItemList > .InputfieldContent > ul.InputfieldFileList > li:last-child {
margin-bottom: 0;
}
.InputfieldItemList .InputfieldContent.ui-state-hover {
background: none;
}
ul.InputfieldFileList li .InputfieldFileInfo,
.AjaxUpload .InputfieldFileInfo {
padding: 0.5em;
line-height: 1em;
margin-bottom: 0;
margin-top: 0;
}
ul.InputfieldFileList li .InputfieldFileInfo > i.fa,
.AjaxUpload .InputfieldFileInfo > i.fa {
position: relative;
left: 2px;
}
ul.InputfieldFileList li .InputfieldFileInfo .InputfieldFileName,
.AjaxUpload .InputfieldFileInfo .InputfieldFileName {
font-weight: bold;
cursor: pointer;
}
ul.InputfieldFileList li .InputfieldFileInfo .InputfieldFileName:hover,
.AjaxUpload .InputfieldFileInfo .InputfieldFileName:hover {
text-decoration: underline;
background: none;
}
.InputfieldFileDrag {
opacity: 0.7;
}
.InputfieldFileInfo:hover .InputfieldFileDrag {
opacity: 1;
}
ul.InputfieldFileList li .InputfieldFileInfo .InputfieldFileStats,
.AjaxUpload .InputfieldFileStats {
opacity: 0.65;
font-size: 0.9166666em;
}
ul.InputfieldFileList li .ui-state-error .InputfieldFileName {
text-decoration: line-through;
}
ul.InputfieldFileList li .InputfieldFileDelete {
float: right;
cursor: pointer;
}
ul.InputfieldFileList li .InputfieldFileDelete, ul.InputfieldFileList li .InputfieldFileDelete input {
display: inline;
font-weight: normal;
}
ul.InputfieldFileList li .InputfieldFileDelete input {
position: absolute;
top: 0;
right: 0;
display: none;
}
ul.InputfieldFileList li .ui-icon {
float: left;
}
.InputfieldFileEmpty .HideIfEmpty,
.InputfieldFileSingle .HideIfSingle,
.InputfieldFileMultiple .HideIfMultiple {
display: none !important;
}
ul.InputfieldFileList li .InputfieldFileData {
margin-top: 0;
margin-bottom: 0;
padding: 1em;
}
.InputfieldFile.InputfieldItemListCollapse ul.InputfieldFileList li .InputfieldFileData {
display: none;
}
ul.InputfieldFileList li .InputfieldFileLink {
font-weight: bold;
margin: 0.5em 0;
}
ul.InputfieldFileList li .InputfieldFileTags,
ul.InputfieldFileList li .InputfieldFileDescription {
font-weight: normal;
margin: 0;
padding: 0;
}
ul.InputfieldFileList li .InputfieldFileTags input[type=text],
ul.InputfieldFileList li .InputfieldFileDescription input[type=text] {
width: 100%;
}
ul.InputfieldFileList li .InputfieldFileTags label.pw-hidden,
ul.InputfieldFileList li .InputfieldFileDescription label.pw-hidden {
display: none;
}
ul.InputfieldFileList li .InputfieldFileDescription + .InputfieldFileTags {
margin-top: 0.5em;
}
ul.InputfieldFileList li .InputfieldFileSort {
display: none !important;
}
.langTabsContainer + .InputfieldFileTags {
margin-top: 0.5em;
}
.Inputfield .InputfieldFileTags input {
margin-bottom: 0.5em;
}
ul.InputfieldFileListBlank + p.description {
margin-top: 0;
}
.InputfieldFileValidExtensions {
margin-left: 1em;
}
.Inputfields .InputfieldFileUpload {
position: relative;
margin: 1em 0 0 0;
}
.Inputfields .InputfieldFileUpload input[type=file] {
display: block;
margin: 0.25em 0;
}
.Inputfields .InputfieldFileUpload img {
max-width: 100px;
}
.Inputfields .InputfieldFileUpload .AjaxUploadDropHere {
display: none;
position: absolute;
top: 0;
right: 0;
opacity: 0.75;
}
.AjaxUpload .ui-progressbar-value {
padding: 0 !important;
}
.AjaxUpload .ui-progressbar-value span {
float: right;
margin: 3px 5px;
}
.InputfieldHasFileList .InputMask {
position: relative;
overflow: hidden;
line-height: 1 !important;
cursor: pointer;
font-size: 14px;
border: none;
}
.InputfieldHasFileList .InputMask i {
font-size: 14px;
margin: 0 3px 0 0;
}
.InputfieldHasFileList .InputMask:hover {
cursor: pointer;
}
.InputfieldHasFileList .InputMask:active {
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
}
.InputfieldHasFileList .InputMask > input[type=file] {
position: absolute;
top: 0;
left: 0;
height: 100%;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
cursor: inherit;
width: 100%;
}
.InputfieldFileDescription label.pw-hidden,
.InputfieldFileTags label.pw-hidden {
display: none;
}
.InputfieldFileDescription input::placeholder,
.InputfieldFileTags input::placeholder {
font-size: 13px;
color: #999;
}
.AdminThemeDefault .InputfieldFileDescription input::placeholder {
padding-left: 3px;
}
.InputfieldFileTags .selectize-control.multi .selectize-input > div {
background: #eee;
border-radius: 3px;
white-space: nowrap;
}
.InputfieldFileTags .selectize-control.multi .selectize-input > div a.remove {
color: #999;
border-color: #ddd;
}
.pw-content ul.InputfieldFileList li .langTabs > ul,
#content ul.InputfieldFileList li .langTabs > ul {
padding-left: 0;
}
.Inputfields .InputfieldFileList .langTabsContainer + .InputfieldFileTags {
display: block;
margin-top: 0.5em;
}
.Inputfield ul.InputfieldFileList .hasLangTabs .InputfieldFileDescription,
.Inputfield .hasLangTabs .InputfieldFileDescription {
padding-top: 0.5em;
}
.Inputfield .InputfieldFileDescription.LanguageSupport {
padding-left: 0;
padding-right: 0;
padding-top: 0.4em;
}

4
wire/modules/Inputfield/InputfieldFile/InputfieldFile.scss
View File

@@ -115,10 +115,12 @@ ul.InputfieldFileList li {
display: none;
}
}
.InputfieldFileDescription + .InputfieldFileTags {
margin-top: 0.5em;
}
.InputfieldFileSort {
display: none !important;
}
}
.langTabsContainer + .InputfieldFileTags {