1
0
mirror of https://github.com/processwire/processwire.git synced 2025-08-25 23:56:41 +02:00

Fix issue processwire/processwire-issues#568 for ProcessModule table.AdminDataList tables, plus convert CSS to SCSS

This commit is contained in:
Ryan Cramer
2018-04-25 08:21:47 -04:00
parent ace36fb415
commit ba400767ab
2 changed files with 203 additions and 112 deletions

View File

@@ -1,126 +1,84 @@
h3.ui-widget-header {
padding: 5px 10px;
margin-bottom: 0 !important;
font-size: 1.2em;
}
#modules_form p.description {
margin-top: 0; }
#modules_form select.modules_filter {
margin-top: 0.75em; }
#modules_form #Inputfield_new_seconds {
margin-bottom: 1em; }
#modules_form .InputfieldFileValidExtensions {
display: none; }
table.AdminDataList {
clear: both;
margin-top: 0.5em;
margin-bottom: 2em;
}
table.AdminDataList td,
table.AdminDataList th {
padding-right: 10px !important;
}
#modules_form table.AdminDataList td:nth-child(2),
#modules_form table.AdminDataList th:nth-child(2) {
text-align: center;
}
table.AdminDataList td:first-child,
table.AdminDataList th:first-child {
width: 30%;
vertical-align: top;
}
table.AdminDataList td p.module-summary {
margin: 0;
}
table.AdminDataList td .requires,
table.AdminDataList td .date,
table.AdminDataList td .installs {
display: block;
}
table.AdminDataList td:last-child {
width: 70%;
}
table.AdminDataList td span.ui-icon {
position: relative;
bottom: -2px;
opacity: 0.4;
}
#ModuleInfo table.AdminDataList td:first-child {
font-weight: bold;
text-align: right;
width: 12%;
padding-right: 1em;
}
#ModuleInfo table.AdminDataList tr:last-child td {
border-bottom: none;
}
table.AdminDataList td .buttons {
display: block;
margin: 0.25em 0;
}
.ConfigurableModule .ui-icon-gear {
display: block;
float: right;
}
button.install {
margin: 1px 0 0 1em;
float: right;
}
#modules_form table.AdminDataList {
clear: both;
margin-top: 0.5em;
margin-bottom: 2em; }
#modules_form table.AdminDataList td, #modules_form table.AdminDataList th {
padding-right: 10px !important; }
#modules_form table.AdminDataList td:first-child, #modules_form table.AdminDataList th:first-child {
width: 30%;
vertical-align: top; }
#modules_form table.AdminDataList td:nth-child(2), #modules_form table.AdminDataList th:nth-child(2) {
text-align: center; }
#modules_form table.AdminDataList td:last-child {
width: 70%; }
#modules_form table.AdminDataList td p.module-summary {
margin: 0; }
#modules_form table.AdminDataList td .requires,
#modules_form table.AdminDataList td .date,
#modules_form table.AdminDataList td .installs {
display: block; }
#modules_form table.AdminDataList td .buttons {
display: block;
margin: 0.25em 0; }
a span.not_installed {
text-decoration: line-through;
}
a:hover span.not_installed {
text-decoration: none;
}
text-decoration: line-through; }
a:hover span.not_installed {
text-decoration: none; }
a span.PermanentModule {
font-weight: normal;
}
#wrap_reset {
margin: 0;
float: right;
}
#wrap_reset .ui-button {
margin-right: 0;
}
#modules_form p.description {
margin-top: 0;
/*
padding-top:1em;
*/
}
font-weight: normal; }
#godownload,
#install_now,
#no_install {
float: left;
}
float: left; }
#modules_form select.modules_filter {
margin-top: 0.75em;
}
#modules_form #Inputfield_new_seconds {
margin-bottom: 1em;
}
#ModuleInfo table.AdminDataList td:first-child {
font-weight: bold;
text-align: right;
width: 20%;
padding-right: 1em; }
#ModuleInfo table.AdminDataList tr:last-child td {
border-bottom: none; }
#modules_form .InputfieldFileValidExtensions {
/* this becomes redundant in module upload */
display: none;
}
.pw-init #modules_form,
.pw-init #modules_form,
.pw-init .WireTab,
.pw-init .WireTabs li {
display: none;
display: none; }
/*
* The following appear to no longer be in use, kept here for short term reference
*
h3.ui-widget-header {
padding: 5px 10px;
margin-bottom: 0 !important;
font-size: 1.2em;
}
#wrap_reset {
margin: 0;
float: right;
.ui-button {
margin-right: 0;
}
}
button.install {
margin: 1px 0 0 1em;
float: right;
}
table.AdminDataList span.ui-icon {
position: relative;
bottom: -2px;
opacity: 0.4;
}
*/

View File

@@ -0,0 +1,133 @@
// form that surrounds modules lists
#modules_form {
p.description {
margin-top: 0;
}
select.modules_filter {
margin-top: 0.75em;
}
#Inputfield_new_seconds {
margin-bottom: 1em;
}
.InputfieldFileValidExtensions {
// this becomes redundant in module upload
display: none;
}
}
// modules list table(s)
#modules_form table.AdminDataList {
clear: both;
margin-top: 0.5em;
margin-bottom: 2em;
td, th {
padding-right: 10px !important;
&:first-child {
width: 30%;
vertical-align: top;
}
&:nth-child(2) {
text-align: center;
}
}
td {
&:last-child {
width: 70%;
}
p.module-summary {
margin: 0;
}
.requires,
.date,
.installs {
display: block;
}
.buttons {
display: block;
margin: 0.25em 0;
}
}
}
// modules list: module name/link that is not yet installed
a span.not_installed {
text-decoration: line-through;
}
a:hover span.not_installed {
text-decoration: none;
}
// modules list: module name/link that is permanent
a span.PermanentModule {
font-weight: normal;
}
// New module tab: download and install buttons
#godownload,
#install_now,
#no_install {
float: left;
}
// individual module info table
#ModuleInfo table.AdminDataList {
td:first-child {
font-weight: bold;
text-align: right;
width: 20%;
padding-right: 1em;
}
tr:last-child td {
border-bottom: none;
}
}
// fouc prevention
.pw-init {
#modules_form,
.WireTab,
.WireTabs li {
display: none;
}
}
/*
* The following appear to no longer be in use, kept here for short term reference
*
h3.ui-widget-header {
padding: 5px 10px;
margin-bottom: 0 !important;
font-size: 1.2em;
}
#wrap_reset {
margin: 0;
float: right;
.ui-button {
margin-right: 0;
}
}
button.install {
margin: 1px 0 0 1em;
float: right;
}
table.AdminDataList span.ui-icon {
position: relative;
bottom: -2px;
opacity: 0.4;
}
*/