moved responsive CSS classes to separate file

This commit is contained in:
Roland Gruber 2017-11-01 13:55:02 +01:00
parent c0d146d6e1
commit 93d26f97cb
6 changed files with 82 additions and 79 deletions

View File

@ -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;
}
}

View File

@ -19,8 +19,83 @@
*/
/* CSS layout for LAM */
/** responsive styles */
textarea {
.row {
margin-top: 5px;
}
.row input {
width: 100%;
}
.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;
}
}

View File

@ -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';

View File

@ -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';

View File

@ -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';

View File

@ -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';