Commit 4ef7d56a authored by Bas Lijnse's avatar Bas Lijnse

Fixed minimal heights in css to make chrome render forms properly

parent 617dc9e3
......@@ -9,7 +9,6 @@
font-size: 11px;
height: 25px;
align-self: stretch;
-webkit-align-self: stretch;
a.close {
float: right;
......@@ -34,7 +33,6 @@
}
.#{$prefix}inner {
flex: 1;
-webkit-flex: 1;
}
/* Panels */
......@@ -43,9 +41,7 @@
background-color: $canvas-base-color;
border: 1px solid $panel-border-color;
display: flex;
display: -webkit-flex;
flex-direction: column;
-webkit-flex-direction: column;
> .#{$prefix}header {
color: $panel-header-text-color;
......@@ -60,11 +56,8 @@
/* Tabs */
.#{$prefix}tabset {
display: flex;
display: -webkit-flex;
align-items: stretch;
-webkit-align-items: stretch;
flex-direction: column;
-webkit-flex-direction: column;
}
.#{$prefix}tabbar {
text-align: left;
......@@ -174,7 +167,6 @@
}
.#{$prefix}tabitem.#{$prefix}selected {
display: flex;
display: -webkit-flex;
}
/* Windows */
......@@ -184,7 +176,6 @@
left: 0px;
z-index: 100;
display: flex;
display: -webkit-flex;
> .#{$prefix}inner {
overflow: auto;
}
......@@ -216,13 +207,9 @@
/* Toolbars, button bars & menu's */
.#{$prefix}toolbar {
display: flex;
display: -webkit-flex;
flex-direction: row;
-webkit-flex-direction: row;
justify-content: flex-start;
-webkit-justify-content: flex-start;
align-items: center;
-webkit-align-items: center;
margin: 0;
padding: 2px 5px;
background: $canvas-base-color;
......
......@@ -21,9 +21,7 @@
display: flex;
display: -webkit-flex;
flex-direction: row;
-webkit-flex-direction: row;
align-items: center;
-webkit-align-items: center;
text-decoration: none;
color: $button-text-color;
flex-shrink: 0;
......
......@@ -105,6 +105,7 @@
-moz-transform: translateX(-8px);
transform: translateX(-8px); }
*.itasks-viewport div, *.itasks-viewport input, *.itasks-viewport td, *.itasks-viewport th, *.itasks-viewport select {
min-height: fit-content;
font-size: 9pt; }
div.itasks-loader {
......@@ -128,19 +129,14 @@ div.itasks-loader-spinner {
transform: rotate(359deg); } }
.itasks-vcontainer, .itasks-hcontainer {
display: flex;
display: -webkit-flex;
align-items: flex-start;
-webkit-align-items: flex-start; }
align-items: flex-start; }
.itasks-vcontainer {
flex-direction: column;
-webkit-flex-direction: column; }
flex-direction: column; }
.itasks-hcontainer {
flex-direction: row;
-webkit-flex-direction: row;
flex-shrink: 0;
-webkit-flex-shrink: 0; }
flex-shrink: 0; }
.itasks-wrapping-horizontal {
flex-shrink: 0;
......@@ -226,8 +222,7 @@ div.itasks-loader-spinner {
font-weight: bold;
font-size: 11px;
height: 25px;
align-self: stretch;
-webkit-align-self: stretch; }
align-self: stretch; }
.itasks-header a.close {
float: right;
color: #000;
......@@ -248,8 +243,7 @@ div.itasks-loader-spinner {
margin: 4px 0 0 4px; }
.itasks-inner {
flex: 1;
-webkit-flex: 1; }
flex: 1; }
/* Panels */
.itasks-panel {
......@@ -257,9 +251,7 @@ div.itasks-loader-spinner {
background-color: #eee;
border: 1px solid #ccc;
display: flex;
display: -webkit-flex;
flex-direction: column;
-webkit-flex-direction: column; }
flex-direction: column; }
.itasks-panel > .itasks-header {
color: #000;
background-color: #ccc;
......@@ -272,11 +264,8 @@ div.itasks-loader-spinner {
/* Tabs */
.itasks-tabset {
display: flex;
display: -webkit-flex;
align-items: stretch;
-webkit-align-items: stretch;
flex-direction: column;
-webkit-flex-direction: column; }
flex-direction: column; }
.itasks-tabbar {
text-align: left;
......@@ -383,8 +372,7 @@ div.itasks-loader-spinner {
display: none; }
.itasks-tabitem.itasks-selected {
display: flex;
display: -webkit-flex; }
display: flex; }
/* Windows */
.itasks-floating-window, .itasks-notification-bubble {
......@@ -392,8 +380,7 @@ div.itasks-loader-spinner {
top: 0px;
left: 0px;
z-index: 100;
display: flex;
display: -webkit-flex; }
display: flex; }
.itasks-floating-window > .itasks-inner, .itasks-notification-bubble > .itasks-inner {
overflow: auto; }
......@@ -421,13 +408,9 @@ div.itasks-loader-spinner {
/* Toolbars, button bars & menu's */
.itasks-toolbar {
display: flex;
display: -webkit-flex;
flex-direction: row;
-webkit-flex-direction: row;
justify-content: flex-start;
-webkit-justify-content: flex-start;
align-items: center;
-webkit-align-items: center;
margin: 0;
padding: 2px 5px;
background: #eee;
......@@ -521,9 +504,7 @@ div.itasks-loader-spinner {
display: flex;
display: -webkit-flex;
flex-direction: row;
-webkit-flex-direction: row;
align-items: center;
-webkit-align-items: center;
text-decoration: none;
color: #000;
flex-shrink: 0; }
......
......@@ -5,6 +5,7 @@
@import "options.scss";
@import "colors.scss";
*.#{$prefix}viewport {
margin: 0;
......@@ -17,6 +18,7 @@
@import "tooltip.scss";
div, input, td, th, select {
min-height: fit-content;
@if $touchscreen {
font-size: 16pt;
......@@ -47,19 +49,14 @@ div.#{$prefix}loader-spinner {
.#{$prefix}vcontainer, .#{$prefix}hcontainer {
display: flex;
display: -webkit-flex;
align-items: flex-start;
-webkit-align-items: flex-start;
}
.#{$prefix}vcontainer {
flex-direction: column;
-webkit-flex-direction: column;
}
.#{$prefix}hcontainer {
flex-direction: row;
-webkit-flex-direction: row;
flex-shrink: 0;
-webkit-flex-shrink: 0;
}
.#{$prefix}wrapping-horizontal {
flex-shrink: 0;
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment