Commit 7bbc3fae authored by Gábor Hojtsy's avatar Gábor Hojtsy

Issue #2943107 by mherchel, NicholasS, jordana, finnsky, tomphippen, smaz,...

Issue #2943107 by mherchel, NicholasS, jordana, finnsky, tomphippen, smaz, markconroy, andrewmacpherson, kjay: Umami support for Internet Explorer 11
parent 41c88ee2
...@@ -62,6 +62,7 @@ ...@@ -62,6 +62,7 @@
margin: 0 auto; margin: 0 auto;
display: flex; display: flex;
padding: 0 1em; padding: 0 1em;
height: 0; /* Required for flexbox vertical centering in IE11. Min-height will take precedence. */
min-height: 43vw; min-height: 43vw;
align-items: center; align-items: center;
} }
......
...@@ -67,6 +67,7 @@ ...@@ -67,6 +67,7 @@
margin-top: 0; margin-top: 0;
margin-bottom: 0; margin-bottom: 0;
} }
.form-search { .form-search {
width: 20em; width: 20em;
max-width: calc(100vw - 6.25em); max-width: calc(100vw - 6.25em);
...@@ -79,9 +80,9 @@ ...@@ -79,9 +80,9 @@
font-size: 0.875rem; font-size: 0.875rem;
line-height: normal; line-height: normal;
background: url(../../../../images/svg/search.svg) no-repeat 0.5em center #fff; background: url(../../../../images/svg/search.svg) no-repeat 0.5em center #fff;
background-size: 1.5em;
color: #464646; color: #464646;
} }
.form-search:focus { .form-search:focus {
outline: none; outline: none;
margin: 0 0 -2px -2px; margin: 0 0 -2px -2px;
......
...@@ -36,7 +36,8 @@ ...@@ -36,7 +36,8 @@
.node--type-recipe.node--view-mode-full .layout__region--top-first, .node--type-recipe.node--view-mode-full .layout__region--top-first,
.node--type-recipe.node--view-mode-full .layout__region--top-second { .node--type-recipe.node--view-mode-full .layout__region--top-second {
flex: 0 0 calc(50% - 1rem); flex: 0 0;
flex-basis: calc(50% - 1rem); /* fixed IE11 bug calc in shorthand */
} }
/* Recipe meta */ /* Recipe meta */
...@@ -98,13 +99,13 @@ ...@@ -98,13 +99,13 @@
} }
} }
.node--type-recipe.node--view-mode-full .layout__region--top-second .field { .node--type-recipe.node--view-mode-full .layout__region--top-second .recipe-meta .field {
flex: 1 0 auto; flex: 1 0 auto;
} }
/* Large */ /* Large */
@media screen and (min-width: 60rem) { /* 960px */ @media screen and (min-width: 60rem) { /* 960px */
.node--type-recipe.node--view-mode-full .layout__region--top-second .field { .node--type-recipe.node--view-mode-full .layout__region--top-second .recipe-meta .field {
flex: 0 0 100%; width: 100%;
} }
} }
.node--type-recipe.node--view-mode-full .layout__region--top-second .field .field__label, .node--type-recipe.node--view-mode-full .layout__region--top-second .field .field__label,
...@@ -143,7 +144,7 @@ ...@@ -143,7 +144,7 @@
} }
} }
.node--type-recipe.node--view-mode-full .layout__region--bottom > h2 { .node--type-recipe.node--view-mode-full .layout__region--bottom > h2 {
flex: 0 0 100%; flex: 0 1 100%;
font-family: 'Scope One', Georgia, serif; font-family: 'Scope One', Georgia, serif;
font-size: 1.424em; font-size: 1.424em;
font-weight: 400; font-weight: 400;
...@@ -169,6 +170,7 @@ ...@@ -169,6 +170,7 @@
.node--type-recipe.node--view-mode-full .layout__region--bottom-first { .node--type-recipe.node--view-mode-full .layout__region--bottom-first {
flex: 0 0 33%; flex: 0 0 33%;
padding: 0 2.369em 2.369em 2.369em; padding: 0 2.369em 2.369em 2.369em;
max-width: 33%; /* fixed IE11 bug */
} }
} }
...@@ -180,6 +182,7 @@ ...@@ -180,6 +182,7 @@
.node--type-recipe.node--view-mode-full .layout__region--bottom-second { .node--type-recipe.node--view-mode-full .layout__region--bottom-second {
flex: 0 0 67%; flex: 0 0 67%;
padding: 0 2.369em 2.369em 2.369em; padding: 0 2.369em 2.369em 2.369em;
max-width: 67%; /* fixed IE11 bug */
} }
} }
......
...@@ -10,6 +10,10 @@ ...@@ -10,6 +10,10 @@
flex-direction: column; flex-direction: column;
} }
.node--view-mode-highlighted-medium .node__content {
flex: 0 0 auto;
}
.node--view-mode-highlighted-medium .node__meta { .node--view-mode-highlighted-medium .node__meta {
padding: 1rem 1.5rem 0 1.5rem; padding: 1rem 1.5rem 0 1.5rem;
} }
......
...@@ -10,6 +10,10 @@ ...@@ -10,6 +10,10 @@
flex-direction: column; flex-direction: column;
} }
.node--view-mode-highlighted-small .node__content {
flex: 0 0 auto;
}
.node--view-mode-highlighted-small .node__meta { .node--view-mode-highlighted-small .node__meta {
padding: 1rem 1.5rem 0 1.5rem; padding: 1rem 1.5rem 0 1.5rem;
} }
......
...@@ -31,6 +31,10 @@ ...@@ -31,6 +31,10 @@
/* Large */ /* Large */
@media screen and (min-width: 60rem) { /* 960px */ @media screen and (min-width: 60rem) { /* 960px */
.view-promoted-items--single .node--view-mode-highlighted-top .node__content {
flex: 0 0 auto;
}
.view-promoted-items--single .node--view-mode-highlighted-top .node__meta { .view-promoted-items--single .node--view-mode-highlighted-top .node__meta {
order: -1; order: -1;
} }
......
...@@ -75,7 +75,7 @@ ...@@ -75,7 +75,7 @@
display: flex; display: flex;
justify-content: flex-end; justify-content: flex-end;
flex-wrap: wrap; flex-wrap: wrap;
max-height: initial; max-height: none;
overflow: auto; overflow: auto;
} }
.menu-main-toggle { .menu-main-toggle {
...@@ -111,7 +111,9 @@ ...@@ -111,7 +111,9 @@
@media screen and (min-width: 48em) { @media screen and (min-width: 48em) {
.menu-main__wrapper { .menu-main__wrapper {
order: 4; order: 4;
flex: 0 1 calc(100% - 220px); flex-grow: 0;
flex-shrink: 1;
flex-basis: calc(100% - 220px);
text-align: right; text-align: right;
} }
} }
......
...@@ -19,7 +19,9 @@ ...@@ -19,7 +19,9 @@
} }
.grid--2 .views-row { .grid--2 .views-row {
display: flex; display: flex;
flex: 0 0 calc(50% - 28px); flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(50% - 28px);
margin: 0 14px 28px; margin: 0 14px 28px;
padding: 0; padding: 0;
} }
......
...@@ -19,7 +19,9 @@ ...@@ -19,7 +19,9 @@
} }
.grid--3 .views-row { .grid--3 .views-row {
display: flex; display: flex;
flex: 0 0 calc(50% - 28px); flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(50% - 28px);
margin: 0 14px 28px; margin: 0 14px 28px;
padding: 0; padding: 0;
} }
...@@ -27,7 +29,9 @@ ...@@ -27,7 +29,9 @@
@media screen and (min-width: 60em) { @media screen and (min-width: 60em) {
.grid--3 .views-row { .grid--3 .views-row {
flex: 0 0 calc(33% - 28px); flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(33% - 28px);
} }
} }
......
...@@ -20,7 +20,9 @@ ...@@ -20,7 +20,9 @@
.grid--4 .views-row { .grid--4 .views-row {
display: flex; display: flex;
flex: 0 0 calc(50% - 28px); flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(50% - 28px);
margin: 0 14px 28px; margin: 0 14px 28px;
padding: 0; padding: 0;
} }
...@@ -28,7 +30,9 @@ ...@@ -28,7 +30,9 @@
@media screen and (min-width: 60em) { @media screen and (min-width: 60em) {
.grid--4 .views-row { .grid--4 .views-row {
flex: 0 0 calc(25% - 28px); flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(25% - 28px);
} }
} }
......
...@@ -12,7 +12,12 @@ ...@@ -12,7 +12,12 @@
justify-content: space-between; justify-content: space-between;
} }
.two-columns .main .layout-content {
flex: 0 0 75%;
}
.layout-sidebar { .layout-sidebar {
flex: 0 0 25%;
min-width: 300px; min-width: 300px;
width: 25%; width: 25%;
} }
......
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 600"> <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs> <title>Search Icon</title>
<style> <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
.cls-1{fill:none;}.cls-2{fill:#d93760;} <g id="Group">
</style> <g id="search">
</defs> <path d="M5.40705882,9.76579186 L1.13049774,14.0423529 L1.95800905,14.8691403 L6.23384615,10.5925792 C5.93199325,10.3445547 5.65508327,10.0676448 5.40705882,9.76579186 L5.40705882,9.76579186 Z M10.0180995,1.21013575 C7.38262671,1.21013575 5.24615385,3.34660861 5.24615385,5.98208145 C5.24615385,8.61755429 7.38262671,10.7540271 10.0180995,10.7540271 C12.6534724,10.7540271 14.7898643,8.61763532 14.7898643,5.98226244 C14.7898643,3.34688957 12.6534724,1.21049774 10.0180995,1.21049774 L10.0180995,1.21013575 Z M6.91113122,5.46932127 C6.65303181,5.46932127 6.4438009,5.26009036 6.4438009,5.00199095 C6.4438009,4.74389154 6.65303181,4.53466063 6.91113122,4.53466063 C7.16923063,4.53466063 7.37846154,4.74389154 7.37846154,5.00199095 C7.37846154,5.12593466 7.32922509,5.24480195 7.24158366,5.33244339 C7.15394222,5.42008482 7.03507493,5.46932127 6.91113122,5.46932127 Z M7.94027149,4.33628959 C7.48843702,4.33549024 7.12272582,3.96869932 7.12325849,3.51686445 C7.12379115,3.06502958 7.49036615,2.69910196 7.94220126,2.69936794 C8.39403636,2.69963392 8.76018029,3.06599287 8.760181,3.51782805 C8.76018134,3.73514866 8.67375208,3.94354729 8.51994746,4.09708029 C8.36614283,4.2506133 8.15759176,4.33667406 7.94027149,4.33628959 Z M9.59276018,3.21158371 C9.3345954,3.21018605 9.12631234,3.00001615 9.12724286,2.74184926 C9.12817338,2.48368237 9.33796605,2.27501936 9.59613419,2.27548273 C9.85430234,2.27594609 10.0633446,2.48536085 10.0633484,2.74352941 C10.0633502,2.86810541 10.0136898,2.98754248 9.92536382,3.07539289 C9.83703781,3.16324331 9.71733436,3.21225814 9.59276018,3.21158371 L9.59276018,3.21158371 Z" id="Shape"></path>
<path class="cls-1" d="M228.37 348.78L110.23 466.92l22.86 22.84 118.12-118.14a165.77 165.77 0 0 1-22.84-22.84zm127.38-236.35a131.82 131.82 0 0 0 0 263.65 131.82 131.82 0 0 0 0-263.64zm-85.83 117.66a12.91 12.91 0 1 1 12.91-12.91 12.91 12.91 0 0 1-12.91 12.91zm28.43-31.3A22.61 22.61 0 1 1 321 176.18a22.61 22.61 0 0 1-22.65 22.61zM344 167.72a12.93 12.93 0 1 1 13-12.93 12.93 12.93 0 0 1-13 12.93z"/> <path d="M10.0180995,0.0170135747 C7.91074463,0.0175014928 5.95997609,1.12971952 4.88615078,2.94296087 C3.81232547,4.75620223 3.7747616,7.00144515 4.78733032,8.84959276 C4.63937697,8.9190674 4.50463812,9.01375207 4.38914027,9.12941176 L0.430769231,13.0888688 C-0.12045472,13.6401793 -0.12045472,14.5339384 0.430769231,15.0852489 L0.914751131,15.5692308 C1.1795314,15.8341616 1.53874087,15.9830108 1.91330317,15.9830108 C2.28786547,15.9830108 2.64707494,15.8341616 2.9118552,15.5692308 L6.86950226,11.6112217 C6.98533647,11.495791 7.08015077,11.361042 7.14968326,11.2130317 C9.3343265,12.4100266 12.0327729,12.1233591 13.9171704,10.4940926 C15.8015678,8.86482619 16.4750474,6.23609712 15.606203,3.90145101 C14.7373587,1.56680491 12.509176,0.0179366079 10.0180995,0.0170135747 L10.0180995,0.0170135747 Z M1.95800905,14.8691403 L1.13049774,14.0423529 L5.40705882,9.76579186 C5.65508327,10.0676448 5.93199325,10.3445547 6.23384615,10.5925792 L1.95800905,14.8691403 Z M10.0180995,10.7536652 C7.38272668,10.7538651 5.2461728,8.61763532 5.24597288,5.98226245 C5.24577296,3.34688959 7.38200271,1.2103357 10.0173756,1.21013577 C12.6527484,1.20993585 14.7893023,3.3461656 14.7895023,5.98153846 C14.7897904,7.24736947 14.2870686,8.46143806 13.3919909,9.35651577 C12.4969132,10.2515935 11.2828446,10.7543153 10.0170136,10.7540271 L10.0180995,10.7536652 Z" id="Shape" fill="#D93760" fill-rule="nonzero"></path>
<path class="cls-2" d="M355.75 79.47a164.81 164.81 0 0 0-144.5 244 38.93 38.93 0 0 0-11 7.73L90.9 440.58a39 39 0 0 0 0 55.15l13.37 13.37a39 39 0 0 0 55.17 0l109.33-109.34a38.85 38.85 0 0 0 7.74-11 164.78 164.78 0 1 0 79.24-309.29zM133.09 489.76l-22.86-22.84 118.14-118.14a165.77 165.77 0 0 0 22.84 22.84zm222.66-113.69a131.82 131.82 0 1 1 131.81-131.83 131.81 131.81 0 0 1-131.84 131.84z"/> <circle id="Oval" fill="#D93760" fill-rule="nonzero" cx="7.94027149" cy="3.51782805" r="1"></circle>
<circle class="cls-2" cx="298.35" cy="176.18" r="22.61"/> <circle id="Oval" fill="#D93760" fill-rule="nonzero" cx="9.59457014" cy="2.74352941" r="1"></circle>
<circle class="cls-2" cx="344.05" cy="154.79" r="12.93"/> <circle id="Oval" fill="#D93760" fill-rule="nonzero" cx="6.91113122" cy="5.00199095" r="1"></circle>
<circle class="cls-2" cx="269.92" cy="217.18" r="12.91"/> </g>
</svg> </g>
</g>
</svg>
\ No newline at end of file
<?xml version="1.0" encoding="UTF-8" standalone="no"?> <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="711px" height="206px" viewBox="0 0 711 206" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <svg width="205px" height="60px" viewBox="0 0 711 206" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>umami logo</title> <title>umami logo</title>
<defs></defs> <defs></defs>
<g id="Styleguide" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Styleguide" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
......
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