Merge pull request #1769 from pom2ter/mobile-filters

fix(frontend): change incorrect colors of some input fields

Author: kroky

modules/calendar/modules.php

@@ -232,7 +232,7 @@ protected function output() {
             $out = new Hm_Cal_Output($this, $events);
             $out = $out->output($data, $date, $view);
             return '<div class="calendar p-0"><div class="content_title d-flex justify-content-between px-3"><span class="calendar_content_title">'.$this->trans('Calendar').'</span>'.
-                '<a href="?page=calendar&amp;action=add" title="'.$this->trans('Add Event').'" class="btn btn-light btn-sm">'.
+                '<a href="?page=calendar&amp;action=add" title="'.$this->trans('Add Event').'" class="btn btn-light btn-sm text-decoration-none">'.
                 '<i class="bi bi-plus-circle me-2"></i> '.$this->trans('Add Event').'</a></div>'.
                 $out.'</div>';
         }

modules/core/site.css

@@ -829,8 +829,7 @@ div.unseen,
   background-color: var(--bs-secondary-bg);
   bottom: 0px;
   right: 0px;
-  padding: 20px;
-  padding-left: 20px;
+  padding: 10px 20px;
   z-index: 1000;
 }
 .long_session {
@@ -1039,7 +1038,7 @@ div.unseen,
   font-size: 115%;
   padding-left: 5px;
   top: 0px;
-  left: 60px !important;
+  left: 50px !important;
 }
 @media (orientation: landscape) {
   .mobile .msg_controls {
@@ -1426,7 +1425,7 @@ div.unseen,
   z-index: 1000;
   text-align: left;
   top: 0;
-  padding: 10px 0 10px 20px;
+  padding: 10px 0 10px 18px;
   background: #fff;
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
   backdrop-filter: blur(10px);
@@ -1473,7 +1472,7 @@ div.unseen,
   backdrop-filter: none;
   width: fit-content;
   margin-left: 0;
-  padding: 10px 20px;
+  padding: 10px 15px;
   display: block !important;
 }
 
@@ -1642,6 +1641,11 @@ pre.msg_source {
   font-weight: bold;
 }
 
+.form-check-input:checked {
+  background-color: var(--bs-primary);
+  border-color: var(--bs-primary);
+}
+
 /* Mobile responsive overrides for Bootstrap classes */
 @media (max-width: 767.98px) {
   .small_header {

modules/github/modules.php

@@ -715,7 +715,7 @@ protected function output() {
             $limit = $settings['github_limit'];
         }
         return '<tr class="github_all_setting"><td><label for="github_limit">'.$this->trans('Max Github notices per repository').'</label></td>'.
-            '<td class="d-flex"><input type="text" id="github_limit" name="github_limit" size="2" value="'.$this->html_safe($limit).'" data-default-value="'.DEFAULT_GITHUB_PER_SOURCE.'"/></td></tr>';
+            '<td class="d-flex"><input type="text" class="form-control form-control-sm w-auto" id="github_limit" name="github_limit" size="2" value="'.$this->html_safe($limit).'" data-default-value="'.DEFAULT_GITHUB_PER_SOURCE.'"/></td></tr>';
     }
 }
 

modules/nux/modules.php

@@ -582,7 +582,7 @@ protected function output() {
         }
         $res = '<div class="nux_welcome mt-3 col-lg-6 col-md-5 col-sm-12"><div class="card"><div class="card-body"><div class="card-title"><h4>'.$this->trans('Welcome to Cypht').'</h4></div>';
         $res .= '<div class="mb-3"><p>'.$this->trans('Add a popular E-mail source quickly and easily').'</p>';
-        $res .= '<a class="mt-3 btn btn-light text-deocration-none" href="?page=servers#quick_add_section"><i class="bi bi-person-plus me-3"></i>'.$this->trans('Add an E-mail Account').'</a>';
+        $res .= '<a class="mt-3 btn btn-light text-decoration-none" href="?page=servers#quick_add_section"><i class="bi bi-person-plus me-3"></i>'.$this->trans('Add an E-mail Account').'</a>';
         $res .= '</div>';
         return $res;
     }

modules/sievefilters/functions.php

@@ -161,7 +161,7 @@ function get_mailbox_filters($mailbox, $site_config, $user_config)
                     <span class="form-switch">
                         <input script_name_parsed="'.$parsed_name.'" priority="'.$exp_name[sizeof($exp_name) - 2].'" imap_account="'.$mailbox['name'].'" script_name="'.$script_name.'" class="toggle_filter form-check-input" type="checkbox" role="switch" id="Check" name="script_state"'.$checked.'>
                     </span>
-                    <a href="#" script_name_parsed="'.$parsed_name.'"  priority="'.$exp_name[sizeof($exp_name) - 2].'" imap_account="'.$mailbox['name'].'" script_name="'.$script_name.'"  class="edit_'.$base_class.'">
+                    <a href="#" script_name_parsed="'.$parsed_name.'"  priority="'.$exp_name[sizeof($exp_name) - 2].'" imap_account="'.$mailbox['name'].'" script_name="'.$script_name.'"  class="edit_'.$base_class.' ps-2">
                         <i class="bi bi-pencil-fill"></i>
                     </a>
                     <a href="#" script_name_parsed="'.$parsed_name.'" priority="'.$exp_name[sizeof($exp_name) - 2].'" imap_account="'.$mailbox['name'].'" script_name="'.$script_name.'" class="delete_'.$base_class.' ps-2">

modules/sievefilters/modules.php

@@ -1167,7 +1167,7 @@ protected function output() {
         $socked_connected = $this->get('socket_connected', false);
         $res = '<div class="sievefilters_settings p-0"><div class="content_title px-3">'.$this->trans('Filters').'</div>';
         $res .= '<div class="p-3">';
-        $res .= '<div class="p-3" id="sieve_accounts"></div>';
+        $res .= '<div id="sieve_accounts"></div>';
         $res .= get_classic_filter_modal_content();
         $res .= get_script_modal_content();
         return $res;

modules/tags/output_modules.php

@@ -117,7 +117,7 @@ protected function output() {
             // Generate the tree view HTML
             $treeViewHtml = generate_tree_view($folderTree, $this->html_safe(Hm_Request_Key::generate()));
             $treeContent = count($folderTree) > 0 ? $treeViewHtml : '<p>'. $this->trans('No tags available yet.') .'</p>';
-            $out = '<div class="tags_tree mt-3 col-lg-8 col-md-8 col-sm-12">
+            $out = '<div class="tags_tree mt-3 col-lg-8 col-md-12 col-sm-12">
                     <div class="card m-3 mr-0">
                         <div class="card-body">
                             <div class="tree-view">
@@ -151,9 +151,9 @@ protected function output() {
             $option_selected = !is_null($id) && $folder['id'] === $parent_tag ? 'selected' : '';
             $options .= '<option '. $option_selected.' value="'.$this->html_safe($folder['id']).'">'.$this->html_safe($folder['name']).'</option>';
         }
-        $form_title = !is_null($id) ? $this->trans('Edit tag/label').': '.$tag['name'] : $this->trans('Add an tag/label');
-        return '<div class="tags_tree mt-3 col-lg-4 col-md-4 col-sm-12">
-                    <div class="card m-4">
+        $form_title = !is_null($id) ? $this->trans('Edit tag/label').': '.$tag['name'] : $this->trans('Add a tag/label');
+        return '<div class="tags_tree mt-3 col-lg-4 col-md-8 col-sm-12">
+                    <div class="card m-3">
                         <div class="card-body">
                             <form class="add_tag me-0" method="POST" action="?page=tags">
                                 <input type="hidden" name="hm_page_key" id="hm_page_key" value="'.$this->html_safe(Hm_Request_Key::generate()).'" />