From 3cafc5e6f371be75693bd5043db14a53c51437ec Mon Sep 17 00:00:00 2001 From: zbig01 Date: Tue, 14 May 2019 19:18:59 -0700 Subject: [PATCH] Responsive Vertical Menu For Tab Based Layout Take 2 (#2431) --- interface/main/tabs/js/application_view_model.js | 4 +- interface/main/tabs/main.php | 194 +++++++++++++++++++-- .../main/tabs/templates/user_data_template.php | 3 +- interface/themes/color_base.scss | 8 + interface/themes/colors/openemr5/tabs-full.scss | 10 +- interface/themes/oe-common/all-common-import.scss | 3 +- interface/themes/oe-common/main-common.scss | 7 + interface/themes/oe-common/procedures-common.scss | 4 +- interface/themes/style_light.scss | 5 + interface/themes/style_manila.scss | 10 ++ interface/themes/tabs_style_compact.css | 54 +++++- interface/themes/tabs_style_full.css | 44 ++++- library/globals.inc.php | 47 +++-- 13 files changed, 358 insertions(+), 35 deletions(-) create mode 100644 interface/themes/oe-common/main-common.scss diff --git a/interface/main/tabs/js/application_view_model.js b/interface/main/tabs/js/application_view_model.js index 046b03a25..2ed9cdd9c 100644 --- a/interface/main/tabs/js/application_view_model.js +++ b/interface/main/tabs/js/application_view_model.js @@ -20,4 +20,6 @@ app_view_model.application_data.user=ko.observable(null); app_view_model.application_data.therapy_group=ko.observable(null); -app_view_model.attendant_template_type=ko.observable('patient-data-template'); \ No newline at end of file +app_view_model.attendant_template_type=ko.observable('patient-data-template'); + +app_view_model.responsiveDisplay=null; \ No newline at end of file diff --git a/interface/main/tabs/main.php b/interface/main/tabs/main.php index c78e602f4..e8faf99d5 100644 --- a/interface/main/tabs/main.php +++ b/interface/main/tabs/main.php @@ -6,8 +6,10 @@ * @link http://www.open-emr.org * @author Kevin Yeh * @author Brady Miller + * @author Ranganath Pathak * @copyright Copyright (c) 2016 Kevin Yeh * @copyright Copyright (c) 2016 Brady Miller + * @copyright Copyright (c) 2019 Ranganath Pathak * @license https://github.com/openemr/openemr/blob/master/LICENSE GNU General Public License 3 */ @@ -34,6 +36,8 @@ $esignApi = new Api(); <?php echo text($openemr_name); ?> + + + + + - + -
> +
data-bind='attr: {id: responsiveDisplay.objWidth().mainBoxId} '> +
-
- " rel="noopener" target="_blank"> - - + +
+ + +
-
+
-
+ +
-
-
+
+
+