From: Vincent Vanwaelscappel Date: Fri, 21 May 2021 13:18:25 +0000 (+0200) Subject: wip #4272 @0.75 X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=61f22d1a9215562f2a360e073ec9e9da00764021;p=sandvik-apps.git wip #4272 @0.75 --- diff --git a/WX6500/calculator.css b/WX6500/calculator.css index 27f9e71..24e3d4f 100644 --- a/WX6500/calculator.css +++ b/WX6500/calculator.css @@ -11,7 +11,8 @@ html { font-size: 10px; } -html.showell { +html.showell, +html.web { font-size: 6px; } @media (max-device-width:600px) { @@ -47,6 +48,9 @@ body { margin: 0; background-color: #0099ff; } +body.web { + font-size: 6px !important; +} header { position: absolute; top: 0; @@ -56,6 +60,9 @@ header { width: 100%; z-index: 10; } +.web header { + height: 5rem; +} #back_header { position: absolute; top: 2rem; @@ -110,12 +117,19 @@ h2 { margin-top: 15rem; text-align: center; } +.web #calculator h2 { + text-align: left; + margin-top: -2rem; +} #calculator h3 { font-size: 3rem; margin-bottom: 9rem; font-style: italic; text-align: center; } +.web #calculator h3 { + text-align: left; +} #calculator label { font-size: 2.6rem; line-height: 2.8rem; @@ -238,6 +252,12 @@ a.button.back:before { padding-right: 2rem; } } +.web .buttons { + padding-left: 0 !important; + padding-right: 0 !important; + position: relative; + width: 100%; +} .buttons .button { margin-top: 6.5rem; width: 30rem; @@ -249,6 +269,19 @@ a.button.back:before { margin-top: 5rem; } } +.web .buttons .button { + width: 45% !important; + margin-left: 0 !important; + margin-right: 0 !important; + position: absolute; + top: 0px; +} +.web .buttons .button:first-child { + left: 0; +} +.web .buttons .button:last-child { + right: 0; +} .buttons .button:first-child { margin-right: 8rem; } @@ -282,6 +315,10 @@ a.button.back:before { #results .buttons { margin-top: 12rem; } +.web #results .buttons .button { + width: 50% !important; + left: 25% !important; +} .logo { display: block; width: 100%; @@ -314,9 +351,9 @@ a.button.back:before { display: inline-block; font-size: 2rem; vertical-align: top; - margin-left: .5rem; + margin-left: 0.5rem; font-weight: 300; - margin-top: .3rem; + margin-top: 0.3rem; } section#locale { opacity: 0; @@ -374,3 +411,6 @@ section.visible { opacity: 1; pointer-events: auto; } +.web .logo { + display: none; +} diff --git a/WX6500/calculator.less b/WX6500/calculator.less index 3034bfe..417b7dc 100644 --- a/WX6500/calculator.less +++ b/WX6500/calculator.less @@ -21,26 +21,27 @@ html { - font-size: 10px; - - &.showell { - font-size: 6px; - } - - @media @mmxs { - font-size: 7.5px; - } - @media @mmxxs { - font-size: 5px; - } - @media @mmxxxs { - font-size: 3.75px; - } - @media @mmxxxxs { - font-size: 2.5px; - } + font-size: 10px; + + &.showell, &.web { + font-size: 6px; + } + + @media @mmxs { + font-size: 7.5px; + } + @media @mmxxs { + font-size: 5px; + } + @media @mmxxxs { + font-size: 3.75px; + } + @media @mmxxxxs { + font-size: 2.5px; + } } + #holder { max-width: 140rem; padding: 5rem; @@ -54,6 +55,10 @@ body { padding: 0; margin: 0; background-color: #0099ff; + + &.web { + font-size: 6px !important; + } } @@ -65,6 +70,10 @@ header { background-color: #0099ff; width: 100%; z-index: 10; + + .web & { + height: 5rem; + } } #back_header { @@ -110,6 +119,8 @@ h2 { margin-bottom: 3.4rem; margin-top: 15rem; text-align: center; + + } #calculator { @@ -130,6 +141,11 @@ h2 { margin-bottom: 3.4rem; margin-top: 15rem; text-align: center; + + .web & { + text-align: left; + margin-top: -2rem; + } } h3 { @@ -137,6 +153,10 @@ h2 { margin-bottom: 9rem; font-style: italic; text-align: center; + + .web & { + text-align: left; + } } label { @@ -274,6 +294,13 @@ a.submit, a.button { padding-right: 2rem; } + .web & { + padding-left: 0 !important; + padding-right: 0 !important; + position: relative; + width: 100%; + } + .button { margin-top: 6.5rem; width: 30rem; @@ -282,6 +309,22 @@ a.submit, a.button { width: 100% !important; margin-top: 5rem; } + + .web & { + width: 45% !important; + margin-left: 0 !important; + margin-right: 0 !important; + position: absolute; + top: 0px; + + &:first-child { + left: 0; + } + + &:last-child { + right: 0; + } + } } .button:first-child { @@ -326,6 +369,12 @@ a.submit, a.button { .buttons { margin-top: 12rem; + .button{ + .web & { + width: 50% !important; + left: 25% !important; + } + } } } @@ -438,3 +487,8 @@ section { } } +.web { + .logo { + display: none; + } +} diff --git a/WX6500/index.html b/WX6500/index.html index 7bab55b..5770148 100644 --- a/WX6500/index.html +++ b/WX6500/index.html @@ -1,5 +1,5 @@ - + @@ -7,7 +7,7 @@ - + diff --git a/WX6500/index.php b/WX6500/index.php index 25ef8f9..7800735 100644 --- a/WX6500/index.php +++ b/WX6500/index.php @@ -9,7 +9,7 @@ ob_start(); - + diff --git a/WearParts/_doc/translations.xlsx b/WearParts/_doc/translations.xlsx index 2820265..15211c3 100644 Binary files a/WearParts/_doc/translations.xlsx and b/WearParts/_doc/translations.xlsx differ diff --git a/WearParts/index.html b/WearParts/index.html index 203d76a..a9b0d20 100644 --- a/WearParts/index.html +++ b/WearParts/index.html @@ -12,9 +12,9 @@
- - - +