Set 'iframe' class to <html> instead of <body>, cleanup some font-sizes

pull/5742/merge
Aleksander Machniak 8 years ago
parent 3e0ac3bfb8
commit 9f81603afb

@ -1,7 +1,11 @@
<roundcube:add_label name="errortitle" />
<roundcube:object name="doctype" value="html5" />
<roundcube:if condition="!env:framed || env:extwin" />
<html>
<roundcube:else />
<html class="iframe">
<roundcube:endif />
<head>
<title><roundcube:object name="pagetitle" /></title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no" id="viewport">
@ -16,9 +20,7 @@
<roundcube:link rel="stylesheet" type="text/css" href="/styles/print.css" condition="env:action == 'print'" />
<roundcube:endif />
</head>
<roundcube:if condition="!env:framed || env:extwin" />
<body class="task-<roundcube:exp expression="env:task ?: 'error'">">
<div id="layout">
<roundcube:else />
<body class="iframe task-<roundcube:exp expression="env:task ?: 'error'">">
<roundcube:endif />
<roundcube:if condition="!env:framed || env:extwin" />
<div id="layout">
<roundcube:endif />

@ -36,10 +36,10 @@ NOTE: below 1024px we do some UI elements bigger, as this is good (imho)
html {
height: 100%;
font-size: @page-font-size;
}
body {
font-size: @page-font-size;
line-height: 1;
min-width: @page-min-width;
height: 100%;
@ -54,7 +54,6 @@ body > #layout {
height: 100%;
width: 100%;
& > div {
&.sidebar,
&.list {
@ -116,10 +115,10 @@ body > #layout {
& > .header,
& > .footer {
background-color: @layout-header-background-color;
font-size: 1.2em;
font-size: 1rem;
font-weight: bold;
line-height: 2.5em;
height: 2.5em;
line-height: 2.5rem;
height: 2.5rem;
padding: 0 0.25em;
margin: 0;
position: relative; /* for absolute positioning of searchbar */
@ -146,7 +145,7 @@ body > #layout {
}
}
body.iframe {
html.iframe body {
overflow: auto;
#content {
@ -179,8 +178,8 @@ body.iframe {
}
@media screen and (max-width: @screen-width-medium) {
body:not(.iframe) {
font-size: 1.2em;
html:not(.iframe) {
font-size: 120%;
}
}

@ -72,9 +72,9 @@ button, input, select, textarea {
.font-icon-class {
font-size: 1.25em;
/*display: inline-block;*/
/* FIXME: with inline-block we have a problem with icon alignment,
use display:block; float: left;
/*
display: inline-block;
FIXME: with inline-block we have some problems with icon alignment
*/
display: block;
float: left;
@ -128,7 +128,7 @@ button, input, select, textarea {
display: none;
}
body.iframe {
html.iframe body {
.formcontent {
padding: 1em;
}

@ -10,10 +10,6 @@
top: 0;
right: 0;
& > * {
height: 2.5em;
}
form,
a.button.options,
a.button.reset {

@ -107,8 +107,6 @@
}
.dropbutton {
display: inline-block;
a.button:first-child {
padding-right: 0;
}

Loading…
Cancel
Save