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:
@@ -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;
|
||||
}
|
||||
*/
|
||||
|
133
wire/modules/Process/ProcessModule/ProcessModule.scss
Normal file
133
wire/modules/Process/ProcessModule/ProcessModule.scss
Normal 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;
|
||||
}
|
||||
*/
|
||||
|
Reference in New Issue
Block a user