forked from extern/egroupware
Change the login layout if only it is called from devices with small screen
This commit is contained in:
Hadi Nategh
parent
6691bdf7db
commit
5a73dfb42e
@ -6265,67 +6265,6 @@ a.textSidebox {
|
|||||||
body {
|
body {
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
}
|
}
|
||||||
body div#loginMainDiv #divAppIconBar #divLogo img[src$="svg"] {
|
|
||||||
width: 40%;
|
|
||||||
margin-top: 5px;
|
|
||||||
}
|
|
||||||
body div#loginMainDiv div#centerBox {
|
|
||||||
position: absolute;
|
|
||||||
margin: 0;
|
|
||||||
width: 100%;
|
|
||||||
background-color: transparent;
|
|
||||||
padding: 0;
|
|
||||||
-webkit-border-top-right-radius: 0;
|
|
||||||
-webkit-border-bottom-right-radius: 0;
|
|
||||||
-webkit-border-bottom-left-radius: 0;
|
|
||||||
-webkit-border-top-left-radius: 0;
|
|
||||||
-moz-border-radius-topright: 0;
|
|
||||||
-moz-border-radius-bottomright: 0;
|
|
||||||
-moz-border-radius-bottomleft: 0;
|
|
||||||
-moz-border-radius-topleft: 0;
|
|
||||||
border-top-right-radius: 0;
|
|
||||||
border-bottom-right-radius: 0;
|
|
||||||
border-bottom-left-radius: 0;
|
|
||||||
border-top-left-radius: 0;
|
|
||||||
background-color: none;
|
|
||||||
background-image: none;
|
|
||||||
background-repeat: none;
|
|
||||||
border: none;
|
|
||||||
border-radius: none;
|
|
||||||
}
|
|
||||||
body div#loginMainDiv div#centerBox form {
|
|
||||||
margin-top: -2em;
|
|
||||||
margin-right: 3em;
|
|
||||||
}
|
|
||||||
body div#loginMainDiv div#centerBox form table.divLoginbox {
|
|
||||||
width: 100%;
|
|
||||||
float: left;
|
|
||||||
}
|
|
||||||
body div#loginMainDiv div#centerBox form table.divLoginbox tr.hiddenCredential {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
body div#loginMainDiv div#centerBox form table.divLoginbox input[type="submit"] {
|
|
||||||
font-size: xx-large;
|
|
||||||
}
|
|
||||||
body div#loginMainDiv div#centerBox form table.divLoginbox input,
|
|
||||||
body div#loginMainDiv div#centerBox form table.divLoginbox select {
|
|
||||||
width: 100%;
|
|
||||||
height: 60px;
|
|
||||||
}
|
|
||||||
body div#loginMainDiv div#centerBox form table.divLoginbox td {
|
|
||||||
font-size: 300%;
|
|
||||||
padding: 0.8%;
|
|
||||||
}
|
|
||||||
body div#loginMainDiv div#centerBox form table.divLoginbox td.registration {
|
|
||||||
font-size: 180%;
|
|
||||||
}
|
|
||||||
body div#loginMainDiv div#centerBox form table.divLoginbox td select {
|
|
||||||
background-size: 48px auto;
|
|
||||||
}
|
|
||||||
body div#loginMainDiv div#centerBox #loginCdMessage {
|
|
||||||
font-size: large;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
body div.egw_fw_mobile_iOS_popup_appHeader {
|
body div.egw_fw_mobile_iOS_popup_appHeader {
|
||||||
padding-top: 15px;
|
padding-top: 15px;
|
||||||
}
|
}
|
||||||
@ -7040,6 +6979,69 @@ a.textSidebox {
|
|||||||
background-position: center;
|
background-position: center;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@media only screen and (max-device-width : 1024px) {
|
||||||
|
div#loginMainDiv #divAppIconBar #divLogo img[src$="svg"] {
|
||||||
|
width: 40%;
|
||||||
|
margin-top: 5px;
|
||||||
|
}
|
||||||
|
div#loginMainDiv div#centerBox {
|
||||||
|
position: absolute;
|
||||||
|
margin: 0;
|
||||||
|
width: 100%;
|
||||||
|
background-color: transparent;
|
||||||
|
padding: 0;
|
||||||
|
-webkit-border-top-right-radius: 0;
|
||||||
|
-webkit-border-bottom-right-radius: 0;
|
||||||
|
-webkit-border-bottom-left-radius: 0;
|
||||||
|
-webkit-border-top-left-radius: 0;
|
||||||
|
-moz-border-radius-topright: 0;
|
||||||
|
-moz-border-radius-bottomright: 0;
|
||||||
|
-moz-border-radius-bottomleft: 0;
|
||||||
|
-moz-border-radius-topleft: 0;
|
||||||
|
border-top-right-radius: 0;
|
||||||
|
border-bottom-right-radius: 0;
|
||||||
|
border-bottom-left-radius: 0;
|
||||||
|
border-top-left-radius: 0;
|
||||||
|
background-color: none;
|
||||||
|
background-image: none;
|
||||||
|
background-repeat: none;
|
||||||
|
border: none;
|
||||||
|
border-radius: none;
|
||||||
|
}
|
||||||
|
div#loginMainDiv div#centerBox form {
|
||||||
|
margin-top: -2em;
|
||||||
|
margin-right: 3em;
|
||||||
|
}
|
||||||
|
div#loginMainDiv div#centerBox form table.divLoginbox {
|
||||||
|
width: 100%;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
div#loginMainDiv div#centerBox form table.divLoginbox tr.hiddenCredential {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
div#loginMainDiv div#centerBox form table.divLoginbox input[type="submit"] {
|
||||||
|
font-size: xx-large;
|
||||||
|
}
|
||||||
|
div#loginMainDiv div#centerBox form table.divLoginbox input,
|
||||||
|
div#loginMainDiv div#centerBox form table.divLoginbox select {
|
||||||
|
width: 100%;
|
||||||
|
height: 60px;
|
||||||
|
}
|
||||||
|
div#loginMainDiv div#centerBox form table.divLoginbox td {
|
||||||
|
font-size: 300%;
|
||||||
|
padding: 0.8%;
|
||||||
|
}
|
||||||
|
div#loginMainDiv div#centerBox form table.divLoginbox td.registration {
|
||||||
|
font-size: 180%;
|
||||||
|
}
|
||||||
|
div#loginMainDiv div#centerBox form table.divLoginbox td select {
|
||||||
|
background-size: 48px auto;
|
||||||
|
}
|
||||||
|
div#loginMainDiv div#centerBox #loginCdMessage {
|
||||||
|
font-size: large;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
@media only screen and (max-device-width : 1024px) and (orientation : portrait) {
|
@media only screen and (max-device-width : 1024px) and (orientation : portrait) {
|
||||||
body div#loginMainDiv #divAppIconBar #divLogo img[src$="svg"] {
|
body div#loginMainDiv #divAppIconBar #divLogo img[src$="svg"] {
|
||||||
width: 70%;
|
width: 70%;
|
||||||
|
|||||||
@ -23,6 +23,7 @@
|
|||||||
@smartphone-max: 768px;
|
@smartphone-max: 768px;
|
||||||
/*Smartphones Min-Width*/
|
/*Smartphones Min-Width*/
|
||||||
@smartphone-min: 321px;
|
@smartphone-min: 321px;
|
||||||
|
@handheld: ~"only screen and (max-device-width : @{tablet-max})";
|
||||||
/*All devices portrait mode*/
|
/*All devices portrait mode*/
|
||||||
@handheld-portrait: ~"only screen and (max-device-width : @{tablet-max}) and (orientation : portrait)";
|
@handheld-portrait: ~"only screen and (max-device-width : @{tablet-max}) and (orientation : portrait)";
|
||||||
/*All devices landscape mode*/
|
/*All devices landscape mode*/
|
||||||
@ -35,80 +36,6 @@
|
|||||||
|
|
||||||
@media all {
|
@media all {
|
||||||
body{
|
body{
|
||||||
|
|
||||||
div#loginMainDiv{
|
|
||||||
#divAppIconBar {
|
|
||||||
#divLogo img[src$="svg"] {
|
|
||||||
width:40%;
|
|
||||||
margin-top: 5px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
div#centerBox{
|
|
||||||
position:absolute;
|
|
||||||
margin: 0;
|
|
||||||
width: 100%;
|
|
||||||
background-color: transparent;
|
|
||||||
padding: 0;
|
|
||||||
-webkit-border-top-right-radius: 0;
|
|
||||||
-webkit-border-bottom-right-radius:0;
|
|
||||||
-webkit-border-bottom-left-radius: 0;
|
|
||||||
-webkit-border-top-left-radius: 0;
|
|
||||||
-moz-border-radius-topright: 0;
|
|
||||||
-moz-border-radius-bottomright: 0;
|
|
||||||
-moz-border-radius-bottomleft: 0;
|
|
||||||
-moz-border-radius-topleft: 0;
|
|
||||||
border-top-right-radius: 0;
|
|
||||||
border-bottom-right-radius: 0;
|
|
||||||
border-bottom-left-radius: 0;
|
|
||||||
border-top-left-radius: 0;
|
|
||||||
background-color: none;
|
|
||||||
background-image: none;
|
|
||||||
background-image: none;
|
|
||||||
background-image: none;
|
|
||||||
background-image: none;
|
|
||||||
background-image: none;
|
|
||||||
background-image: none;
|
|
||||||
background-image: none;
|
|
||||||
background-repeat: none;
|
|
||||||
border:none;
|
|
||||||
border-radius: none;
|
|
||||||
form {
|
|
||||||
margin-top: -2em;
|
|
||||||
margin-right: 3em;
|
|
||||||
|
|
||||||
table.divLoginbox {
|
|
||||||
width:100%;
|
|
||||||
float:left;
|
|
||||||
tr.hiddenCredential {
|
|
||||||
display:none;
|
|
||||||
}
|
|
||||||
input[type="submit"] {
|
|
||||||
font-size: xx-large;
|
|
||||||
|
|
||||||
}
|
|
||||||
input, select {
|
|
||||||
width:100%;
|
|
||||||
height:60px;
|
|
||||||
}
|
|
||||||
td {
|
|
||||||
font-size: 300%;
|
|
||||||
padding:0.8%;
|
|
||||||
&.registration{
|
|
||||||
font-size: 180%;
|
|
||||||
}
|
|
||||||
select {
|
|
||||||
background-size: 48px auto;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
#loginCdMessage {
|
|
||||||
font-size:large;
|
|
||||||
padding:0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
// iOS appHeader class
|
// iOS appHeader class
|
||||||
div.egw_fw_mobile_iOS_popup_appHeader{
|
div.egw_fw_mobile_iOS_popup_appHeader{
|
||||||
@ -829,6 +756,81 @@
|
|||||||
background-position: center;
|
background-position: center;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@media @handheld
|
||||||
|
{
|
||||||
|
div#loginMainDiv{
|
||||||
|
#divAppIconBar {
|
||||||
|
#divLogo img[src$="svg"] {
|
||||||
|
width:40%;
|
||||||
|
margin-top: 5px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
div#centerBox{
|
||||||
|
position:absolute;
|
||||||
|
margin: 0;
|
||||||
|
width: 100%;
|
||||||
|
background-color: transparent;
|
||||||
|
padding: 0;
|
||||||
|
-webkit-border-top-right-radius: 0;
|
||||||
|
-webkit-border-bottom-right-radius:0;
|
||||||
|
-webkit-border-bottom-left-radius: 0;
|
||||||
|
-webkit-border-top-left-radius: 0;
|
||||||
|
-moz-border-radius-topright: 0;
|
||||||
|
-moz-border-radius-bottomright: 0;
|
||||||
|
-moz-border-radius-bottomleft: 0;
|
||||||
|
-moz-border-radius-topleft: 0;
|
||||||
|
border-top-right-radius: 0;
|
||||||
|
border-bottom-right-radius: 0;
|
||||||
|
border-bottom-left-radius: 0;
|
||||||
|
border-top-left-radius: 0;
|
||||||
|
background-color: none;
|
||||||
|
background-image: none;
|
||||||
|
background-image: none;
|
||||||
|
background-image: none;
|
||||||
|
background-image: none;
|
||||||
|
background-image: none;
|
||||||
|
background-image: none;
|
||||||
|
background-image: none;
|
||||||
|
background-repeat: none;
|
||||||
|
border:none;
|
||||||
|
border-radius: none;
|
||||||
|
form {
|
||||||
|
margin-top: -2em;
|
||||||
|
margin-right: 3em;
|
||||||
|
|
||||||
|
table.divLoginbox {
|
||||||
|
width:100%;
|
||||||
|
float:left;
|
||||||
|
tr.hiddenCredential {
|
||||||
|
display:none;
|
||||||
|
}
|
||||||
|
input[type="submit"] {
|
||||||
|
font-size: xx-large;
|
||||||
|
|
||||||
|
}
|
||||||
|
input, select {
|
||||||
|
width:100%;
|
||||||
|
height:60px;
|
||||||
|
}
|
||||||
|
td {
|
||||||
|
font-size: 300%;
|
||||||
|
padding:0.8%;
|
||||||
|
&.registration{
|
||||||
|
font-size: 180%;
|
||||||
|
}
|
||||||
|
select {
|
||||||
|
background-size: 48px auto;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
#loginCdMessage {
|
||||||
|
font-size:large;
|
||||||
|
padding:0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
@media @handheld-portrait
|
@media @handheld-portrait
|
||||||
{
|
{
|
||||||
body{
|
body{
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user