We use cookies to ensure you get the best experience on our website
Home Explore Help
Sign In
mirror
/
golang-fave
mirror of https://github.com/vladimirok5959/golang-fave.git
2
0
Fork 0
Files Wiki
Browse Source

Fix main navbar jumping on shop basket modal dialog

Vova Tkach 6 years ago
parent
35dbd18b86
commit
5287a05259
4 changed files with 8 additions and 4 deletions
Split View Show Diff Stats
  1. 2 2
      assets/template/header_html_file.go
  2. 2 0
      assets/template/scripts_js_file.go
  3. 2 2
      hosts/localhost/template/header.html
  4. 2 0
      hosts/localhost/template/scripts.js

+ 2 - 2
assets/template/header_html_file.go
View File 

@@ -20,10 +20,10 @@ var VarHeaderHtmlFile = []byte(`<!doctype html>
 
 		<!-- Template CSS file from template folder -->
 
 		<link rel="stylesheet" href="{{$.System.PathThemeStyles}}?v=3">
 
 	</head>
 
-	<body class="fixed-top-bar">
 
+	<body id="body" class="fixed-top-bar">
 
 		<div id="sys-modal-shop-basket-placeholder"></div>
 
 		<div id="wrap">
 
-			<nav class="navbar navbar-expand-lg navbar-light bg-light">
 
+			<nav id="navbar-top" class="navbar navbar-expand-lg navbar-light bg-light">
 
 				<div class="container">
 
 					<a class="navbar-brand" href="/">Fave {{$.System.InfoVersion}}</a>
 
 					<button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">

+ 2 - 0
assets/template/scripts_js_file.go
View File 

@@ -195,12 +195,14 @@ var VarScriptsJsFile = []byte(`(function(window, $) {
 
 					});
 
 					$('#sys-modal-shop-basket').on('hidden.bs.modal', function(e) {
 
 						$('#sys-modal-shop-basket-placeholder').html('');
 
+						$('#navbar-top').css('margin-right', $('#body').css('padding-right'));
 
 					});
 
 
 					ShopBasketAjaxProductsHtml(function(html, total) {
 
 						$('#sys-modal-shop-basket .modal-body .data').html(html);
 
 						ShopBasketEnableDisableOrderBtn(total);
 
 						$("#sys-modal-shop-basket").modal('show');
 
+						$('#navbar-top').css('margin-right', $('#body').css('padding-right'));
 
 					}, function(xhr, status, error) {
 
 						window.location.reload(true);
 
 					});

+ 2 - 2
hosts/localhost/template/header.html
View File 

@@ -18,10 +18,10 @@
 
 		<!-- Template CSS file from template folder -->
 
 		<link rel="stylesheet" href="{{$.System.PathThemeStyles}}?v=3">
 
 	</head>
 
-	<body class="fixed-top-bar">
 
+	<body id="body" class="fixed-top-bar">
 
 		<div id="sys-modal-shop-basket-placeholder"></div>
 
 		<div id="wrap">
 
-			<nav class="navbar navbar-expand-lg navbar-light bg-light">
 
+			<nav id="navbar-top" class="navbar navbar-expand-lg navbar-light bg-light">
 
 				<div class="container">
 
 					<a class="navbar-brand" href="/">Fave {{$.System.InfoVersion}}</a>
 
 					<button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">

+ 2 - 0
hosts/localhost/template/scripts.js
View File 

@@ -193,12 +193,14 @@
 
 					});
 
 					$('#sys-modal-shop-basket').on('hidden.bs.modal', function(e) {
 
 						$('#sys-modal-shop-basket-placeholder').html('');
 
+						$('#navbar-top').css('margin-right', $('#body').css('padding-right'));
 
 					});
 
 
 					ShopBasketAjaxProductsHtml(function(html, total) {
 
 						$('#sys-modal-shop-basket .modal-body .data').html(html);
 
 						ShopBasketEnableDisableOrderBtn(total);
 
 						$("#sys-modal-shop-basket").modal('show');
 
+						$('#navbar-top').css('margin-right', $('#body').css('padding-right'));
 
 					}, function(xhr, status, error) {
 
 						window.location.reload(true);
 
 					});