diff --git a/wire/modules/Process/ProcessModule/ProcessModule.css b/wire/modules/Process/ProcessModule/ProcessModule.css index 6bd8822e..40fb8f55 100644 --- a/wire/modules/Process/ProcessModule/ProcessModule.css +++ b/wire/modules/Process/ProcessModule/ProcessModule.css @@ -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; +} +*/ diff --git a/wire/modules/Process/ProcessModule/ProcessModule.scss b/wire/modules/Process/ProcessModule/ProcessModule.scss new file mode 100644 index 00000000..869651ae --- /dev/null +++ b/wire/modules/Process/ProcessModule/ProcessModule.scss @@ -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; +} +*/ +