mirror of
https://github.com/processwire/processwire.git
synced 2025-08-26 08:04:38 +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
@@ -1,126 +1,84 @@
|
|||||||
|
#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; }
|
||||||
|
|
||||||
|
#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; }
|
||||||
|
|
||||||
|
a span.PermanentModule {
|
||||||
|
font-weight: normal; }
|
||||||
|
|
||||||
|
#godownload,
|
||||||
|
#install_now,
|
||||||
|
#no_install {
|
||||||
|
float: left; }
|
||||||
|
|
||||||
|
#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; }
|
||||||
|
|
||||||
|
.pw-init #modules_form,
|
||||||
|
.pw-init .WireTab,
|
||||||
|
.pw-init .WireTabs li {
|
||||||
|
display: none; }
|
||||||
|
|
||||||
|
/*
|
||||||
|
* The following appear to no longer be in use, kept here for short term reference
|
||||||
|
*
|
||||||
h3.ui-widget-header {
|
h3.ui-widget-header {
|
||||||
padding: 5px 10px;
|
padding: 5px 10px;
|
||||||
margin-bottom: 0 !important;
|
margin-bottom: 0 !important;
|
||||||
font-size: 1.2em;
|
font-size: 1.2em;
|
||||||
}
|
}
|
||||||
|
#wrap_reset {
|
||||||
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;
|
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;
|
float: right;
|
||||||
|
.ui-button {
|
||||||
|
margin-right: 0;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
button.install {
|
button.install {
|
||||||
margin: 1px 0 0 1em;
|
margin: 1px 0 0 1em;
|
||||||
float: right;
|
float: right;
|
||||||
}
|
}
|
||||||
|
table.AdminDataList span.ui-icon {
|
||||||
a span.not_installed {
|
position: relative;
|
||||||
text-decoration: line-through;
|
bottom: -2px;
|
||||||
|
opacity: 0.4;
|
||||||
}
|
}
|
||||||
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;
|
|
||||||
*/
|
|
||||||
}
|
|
||||||
|
|
||||||
#godownload,
|
|
||||||
#install_now,
|
|
||||||
#no_install {
|
|
||||||
float: left;
|
|
||||||
}
|
|
||||||
|
|
||||||
#modules_form select.modules_filter {
|
|
||||||
margin-top: 0.75em;
|
|
||||||
}
|
|
||||||
#modules_form #Inputfield_new_seconds {
|
|
||||||
margin-bottom: 1em;
|
|
||||||
}
|
|
||||||
|
|
||||||
#modules_form .InputfieldFileValidExtensions {
|
|
||||||
/* this becomes redundant in module upload */
|
|
||||||
display: none;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.pw-init #modules_form,
|
|
||||||
.pw-init .WireTab,
|
|
||||||
.pw-init .WireTabs li {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
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