Reworked Publish View

This commit is contained in:
schnulller
2022-06-07 19:02:49 +02:00
parent d8155e26f6
commit 965ffd54f8
9 changed files with 185 additions and 101 deletions

View File

@@ -1870,6 +1870,9 @@ body {
.ha-adminuploadfields .ha-uploadfield.active {
--tw-text-opacity: 1 !important;
color: rgb(0 0 0 / var(--tw-text-opacity)) !important;
--tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
--tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
--tw-brightness: brightness(1.1);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
@@ -1939,8 +1942,8 @@ body {
height: 100%;
width: 100%;
cursor: pointer;
padding-left: 0.5rem;
padding-right: 0.5rem;
padding-left: 1rem;
padding-right: 1rem;
padding-bottom: 0.25rem;
padding-top: 0.5rem;
}
@@ -1960,43 +1963,33 @@ body {
line-height: 1.25rem;
}
.ha-adminuploadfields .ha-publishform {
position: relative;
flex-grow: 1;
border-radius: 0.25rem;
.ha-adminuploadfields .ha-publishbutton {
display: inline-block;
height: 100%;
width: 100%;
flex-shrink: 1;
cursor: pointer;
--tw-bg-opacity: 1;
background-color: rgb(248 250 252 / var(--tw-bg-opacity));
padding-left: 0.5rem;
padding-right: 0.5rem;
padding-bottom: 0.25rem;
padding-top: 0.5rem;
--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.ha-adminuploadfields .ha-publishform .ha-lds-ellipsis {
left: 50%;
margin-left: -20px;
}
.ha-adminuploadfields .ha-publishform .ha-publishfilelabel {
display: inline-block;
height: 100%;
width: 100%;
cursor: pointer;
padding-left: 0.5rem;
padding-right: 0.5rem;
padding-bottom: 0.25rem;
padding-top: 0.5rem;
}
.ha-adminuploadfields .ha-publishform .ha-publishfilelabel:hover {
.ha-adminuploadfields .ha-publishbutton:hover {
--tw-bg-opacity: 1;
background-color: rgb(241 245 249 / var(--tw-bg-opacity));
}
.ha-adminuploadfields .ha-publishform .ha-publishtext {
.ha-adminuploadfields .ha-publishbutton .ha-publishtext {
text-align: center;
}
.ha-adminuploadfields .ha-publishform .ha-publishmessage {
.ha-adminuploadfields .ha-publishbutton .ha-publishmessage {
border-radius: 0.125rem;
background-color: rgb(51 65 85 / var(--tw-bg-opacity));
--tw-bg-opacity: 0.3;
@@ -2034,6 +2027,41 @@ body {
background-color: rgb(248 250 252 / var(--tw-bg-opacity));
}
.ha-uploadcontainer .ha-publishfilelist {
margin-bottom: 2rem;
padding-left: 4rem;
padding-right: 4rem;
}
.ha-uploadcontainer .ha-publishfilelist .ha-publishfilelisttitle {
margin-bottom: 0.5rem;
font-size: 1.25rem;
line-height: 1.75rem;
}
.ha-uploadcontainer .ha-publishfilelist td {
padding-right: 1.5rem;
vertical-align: text-top;
}
.ha-uploadcontainer .ha-publishfilelist .ha-publishfilelabel {
float: right;
margin-top: 1rem;
margin-left: 1.5rem;
cursor: pointer;
border-radius: 0.375rem;
border-width: 2px;
--tw-border-opacity: 1;
border-color: rgb(29 78 216 / var(--tw-border-opacity));
padding-left: 0.75rem;
padding-right: 0.75rem;
}
.ha-uploadcontainer .ha-publishfilelist .ha-publishfilelabel:hover {
--tw-bg-opacity: 1;
background-color: rgb(147 197 253 / var(--tw-bg-opacity));
}
.ha-uploadcontainer .ha-availablefiles {
cursor: pointer;
border-width: 1px;
@@ -2179,9 +2207,14 @@ body {
text-align: right;
}
.ha-selectfilesform .ha-filelistoutput {
margin-top: 1rem;
margin-left: 1.5rem;
}
.ha-selectfilesform .ha-filelistbutton {
float: right;
margin-top: 0.5rem;
margin-top: 1rem;
margin-left: 1.5rem;
cursor: pointer;
border-radius: 0.375rem;