MokoConsulting/MokoCassiopeia
1
1
Fork 0
Code Issues 2 Pull Requests Actions Packages Releases 1 Activity

Add mobile responsive overrides for common industry Joomla extensions (K2, AcyMailing, HikaShop, Kunena)

Browse Source 
Co-authored-by: jmiller-moko <230051081+jmiller-moko@users.noreply.github.com>
This commit is contained in:
copilot-swe-agent[bot]
2026-02-22 22:35:38 +00:00
parent 5e9a9a1170
commit fdc2cc555b
10 changed files with 1153 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

82
src/templates/html/mod_acymailing/default.php Normal file
View File

@@ -0,0 +1,82 @@
<?php
/**
* @package AcyMailing
* @subpackage mod_acymailing
*
* @copyright (C) 2025 Moko Consulting <hello@mokoconsulting.tech>
* @license GNU General Public License version 2 or later; see LICENSE.txt
*
* Mobile responsive override for mod_acymailing module
*/
defined('_JEXEC') or die;
use Joomla\CMS\Language\Text;
$moduleclass_sfx = htmlspecialchars($params->get('moduleclass_sfx', ''), ENT_COMPAT, 'UTF-8');
// Add responsive wrapper class
$wrapperClass = 'mod-acymailing mod-acymailing-responsive ' . $moduleclass_sfx;
?>
<div class="<?php echo $wrapperClass; ?>">
<?php if (!empty($formDisplay)) : ?>
<div class="mod-acymailing__form-container">
<?php if ($params->get('intro_text')) : ?>
<div class="mod-acymailing__intro">
<?php echo $params->get('intro_text'); ?>
</div>
<?php endif; ?>
<?php echo $formDisplay; ?>
<?php if ($params->get('outro_text')) : ?>
<div class="mod-acymailing__outro">
<?php echo $params->get('outro_text'); ?>
</div>
<?php endif; ?>
</div>
<?php else : ?>
<div class="mod-acymailing__empty">
<p><?php echo Text::_('MOD_ACYMAILING_NO_FORM'); ?></p>
</div>
<?php endif; ?>
</div>
<style>
/* Override AcyMailing inline styles for mobile responsiveness */
.mod-acymailing-responsive .acymailing_module input[type="email"],
.mod-acymailing-responsive .acymailing_module input[type="text"] {
min-height: 44px !important;
font-size: 1rem !important;
padding: 0.5rem 0.75rem !important;
border-radius: var(--border-radius, 0.375rem) !important;
border: 1px solid var(--input-border-color, #dee2e6) !important;
width: 100% !important;
box-sizing: border-box !important;
}
.mod-acymailing-responsive .acymailing_module button[type="submit"],
.mod-acymailing-responsive .acymailing_module input[type="submit"] {
min-height: 44px !important;
padding: 0.625rem 1rem !important;
font-size: 1rem !important;
border-radius: var(--border-radius, 0.375rem) !important;
cursor: pointer !important;
}
@media (max-width: 575.98px) {
.mod-acymailing-responsive .acymailing_module input[type="email"],
.mod-acymailing-responsive .acymailing_module input[type="text"] {
font-size: 16px !important;
min-height: 48px !important;
padding: 0.75rem 1rem !important;
}
.mod-acymailing-responsive .acymailing_module button[type="submit"],
.mod-acymailing-responsive .acymailing_module input[type="submit"] {
min-height: 48px !important;
width: 100% !important;
}
}
</style>