From 93d26f97cbeb1e768f6f102b1a337ef1aa7e5c04 Mon Sep 17 00:00:00 2001
From: Roland Gruber <post@rolandgruber.de>
Date: Wed, 1 Nov 2017 13:55:02 +0100
Subject: [PATCH] moved responsive CSS classes to separate file

---
 lam/style/500_layout.css           | 76 ----------------------------
 lam/style/responsive/120_lam.css   | 81 ++++++++++++++++++++++++++++--
 lam/templates/config/index.php     |  1 +
 lam/templates/config/mainlogin.php |  1 +
 lam/templates/login.php            |  1 +
 lam/templates/login2Factor.php     |  1 +
 6 files changed, 82 insertions(+), 79 deletions(-)

diff --git a/lam/style/500_layout.css b/lam/style/500_layout.css
index 77256f15..7d184735 100644
--- a/lam/style/500_layout.css
+++ b/lam/style/500_layout.css
@@ -762,79 +762,3 @@ h4.schema_oclass_sub {
 .nsviewType-bright { background:#fff3c8 !important; }
 .nsviewType-dark { background-color:#ffe27f !important; }
 
-/** responsive styles */
-
-.row {
-	margin-top: 5px;
-}
-
-.row input {
-	width: 100%;
-}
-
-.row input[type="checkbox"] {
-	width: auto;
-}
-
-.row input[type="radio"] {
-	width: auto;
-}
-
-div.dialog-page {
-	float: left;
-}
-
-div.lam-dialog-msg {
-	margin: 10px;
-}
-
-/* mobile */
-@media only screen and (max-width: 40.0625em) {
-
-.responsiveLabel {
-	text-align: left;
-}
-
-.hide-on-mobile {
-	display: none !important;
-}
-
-}
-
-/* tablet */
-@media only screen and (min-width: 40.0625em) and (max-width: 64.0625em) {
-
-.responsiveLabel {
-	text-align: right;
-}
-
-.responsiveField {
-	text-align: left;
-}
-
-.hide-on-tablet {
-	display: none !important;
-}
-
-}
-
-/* desktop */
-@media only screen and (min-width: 64.0625em) {
-
-.responsiveLabel {
-	text-align: right;
-}
-
-.responsiveField {
-	text-align: left;
-}
-
-.hide-on-tablet {
-	display: none !important;
-}
-
-.hide-on-desktop {
-	display: none !important;
-}
-
-}
diff --git a/lam/style/responsive/120_lam.css b/lam/style/responsive/120_lam.css
index 38c5326e..c2fd944c 100644
--- a/lam/style/responsive/120_lam.css
+++ b/lam/style/responsive/120_lam.css
@@ -19,8 +19,83 @@
 
 */
 
-/* CSS layout for LAM */
+/** responsive styles */
 
-textarea {
+.row {
+	margin-top: 5px;
+}
+
+.row input {
 	width: 100%;
-}
\ No newline at end of file
+}
+
+.row textarea {
+	width: 100%;
+}
+
+.row input[type="checkbox"] {
+	width: auto;
+}
+
+.row input[type="radio"] {
+	width: auto;
+}
+
+div.dialog-page {
+	float: left;
+}
+
+div.lam-dialog-msg {
+	margin: 10px;
+}
+
+/* mobile */
+@media only screen and (max-width: 40.0625em) {
+
+	.responsiveLabel {
+		text-align: left;
+	}
+
+	.hide-on-mobile {
+		display: none !important;
+	}
+
+}
+
+/* tablet */
+@media only screen and (min-width: 40.0625em) and (max-width: 64.0625em) {
+
+	.responsiveLabel {
+		text-align: right;
+	}
+
+	.responsiveField {
+		text-align: left;
+	}
+
+	.hide-on-tablet {
+		display: none !important;
+	}
+
+}
+
+/* desktop */
+@media only screen and (min-width: 64.0625em) {
+
+	.responsiveLabel {
+		text-align: right;
+	}
+
+	.responsiveField {
+		text-align: left;
+	}
+
+	.hide-on-tablet {
+		display: none !important;
+	}
+
+	.hide-on-desktop {
+		display: none !important;
+	}
+
+}
diff --git a/lam/templates/config/index.php b/lam/templates/config/index.php
index bb99b0ca..e6d34b5c 100644
--- a/lam/templates/config/index.php
+++ b/lam/templates/config/index.php
@@ -53,6 +53,7 @@ echo $_SESSION['header'];
 		</title>
 		<link rel="stylesheet" type="text/css" href="../../style/responsive/105_normalize.css">
 		<link rel="stylesheet" type="text/css" href="../../style/responsive/110_foundation.css">
+		<link rel="stylesheet" type="text/css" href="../../style/responsive/120_lam.css">
 	<?php
 		// include all CSS files
 		$cssDirName = dirname(__FILE__) . '/../../style';
diff --git a/lam/templates/config/mainlogin.php b/lam/templates/config/mainlogin.php
index 1ec4882d..ece6f94e 100644
--- a/lam/templates/config/mainlogin.php
+++ b/lam/templates/config/mainlogin.php
@@ -78,6 +78,7 @@ echo $_SESSION['header'];
 		</title>
 		<link rel="stylesheet" type="text/css" href="../../style/responsive/105_normalize.css">
 		<link rel="stylesheet" type="text/css" href="../../style/responsive/110_foundation.css">
+		<link rel="stylesheet" type="text/css" href="../../style/responsive/120_lam.css">
 	<?php
 		// include all CSS files
 		$cssDirName = dirname(__FILE__) . '/../../style';
diff --git a/lam/templates/login.php b/lam/templates/login.php
index 4953b6a6..0d10b636 100644
--- a/lam/templates/login.php
+++ b/lam/templates/login.php
@@ -198,6 +198,7 @@ function display_LoginPage(LAMConfig $config_object, LAMCfgMain $cfgMain, $licen
 		<title>LDAP Account Manager</title>
 		<link rel="stylesheet" type="text/css" href="../style/responsive/105_normalize.css">
 		<link rel="stylesheet" type="text/css" href="../style/responsive/110_foundation.css">
+		<link rel="stylesheet" type="text/css" href="../style/responsive/120_lam.css">
 	<?php
 		// include all CSS files
 		$cssDirName = dirname(__FILE__) . '/../style';
diff --git a/lam/templates/login2Factor.php b/lam/templates/login2Factor.php
index e3c232f6..b264709f 100644
--- a/lam/templates/login2Factor.php
+++ b/lam/templates/login2Factor.php
@@ -128,6 +128,7 @@ if (isset($_POST['submit'])) {
 	<title><?php echo _("Login"); ?></title>
 	<link rel="stylesheet" type="text/css" href="../style/responsive/105_normalize.css">
 	<link rel="stylesheet" type="text/css" href="../style/responsive/110_foundation.css">
+	<link rel="stylesheet" type="text/css" href="../style/responsive/120_lam.css">
 	<?php
 		// include all CSS files
 		$cssDirName = dirname(__FILE__) . '/../style';