Egalware/mapo-core
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update MON x display dimensioni

Browse Source
This commit is contained in:
Samuele Locatelli
2025-03-12 19:41:58 +01:00
parent fe0b2496e7
commit 4464c90ad4
19 changed files with 229 additions and 164 deletions
Download Patch File Download Diff File Expand all files Collapse all files
MP.Mon/Components/CmpFooter.razor
+5 -3
View File
@@ -1,8 +1,10 @@
<div class="row text-light">
<div class="col-5 pe-0 text-left">
<div class="d-flex justify-content-between text-light">
<div class="px-1">
<b>Mapo MON @(DateTime.Today.Year)</b> | <span class="small">v.@version</span>
|
<small class="fontSmall">@Width x @Height</small>
</div>
<div class="col-7 ps-0 text-end">
<div class="px-2">
<span class="small">@($"{DateTime.Now:HH:mm:ss}")</span> | <a class="text-light" href="https://www.egalware.com/" target="_blank"><img class="img-fluid" width="16" src="images/LogoEgw.png" /> Egalware </a>
</div>
</div>
MP.Mon/Components/CmpFooter.razor.cs
+50 -1
View File
@@ -1,8 +1,11 @@
using Microsoft.AspNetCore.Components;
using Microsoft.JSInterop;
using NLog;
using System;
namespace MP.Mon.Components
{
public partial class CmpFooter:IDisposable
public partial class CmpFooter : IDisposable
{
#region Public Methods
@@ -36,8 +39,46 @@ namespace MP.Mon.Components
#endregion Public Methods
#region Public Classes
public class WindowDimension
{
#region Public Properties
public int Height { get; set; }
public int Width { get; set; }
#endregion Public Properties
}
#endregion Public Classes
#region Protected Properties
[Inject]
protected IJSRuntime JSRuntime { get; set; } = null!;
#endregion Protected Properties
#region Protected Methods
protected async Task getWDim()
{
var dimension = await JSRuntime.InvokeAsync<WindowDimension>("getWindowDimensions");
Height = dimension.Height;
Width = dimension.Width;
}
protected override async Task OnAfterRenderAsync(bool firstRender)
{
if (firstRender)
{
await getWDim();
StateHasChanged();
Log.Debug($"Dimensioni schermo: {Width}x{Height}");
}
}
protected override void OnInitialized()
{
var currAssembly = typeof(Program).Assembly.GetName();
@@ -54,5 +95,13 @@ namespace MP.Mon.Components
private Version version = null!;
#endregion Private Fields
#region Private Properties
private int Height { get; set; } = 0;
private int Width { get; set; } = 0;
#endregion Private Properties
}
}
MP.Mon/Components/DetailViewMSE.razor.cs
+2 -2
View File
@@ -122,11 +122,11 @@ namespace MP.Mon.Components
{
// calcolo delta... a-b-c con 5-10-oltre
int delta = currText.Length - maxChar4Scroll;
if (delta < 8)
if (delta < 5)
{
answ = " scroll-left-a";
}
else if (delta < 15)
else if (delta < 10)
{
answ = " scroll-left-b";
}
MP.Mon/Components/DetailViewMSE.razor.css
+11 -10
View File
@@ -24,11 +24,12 @@
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
/* gestione scroll testo A: 90% */
.scroll-left-a span {
/* Apply animation to this element */
-moz-animation: scroll-left-a 9s ease infinite;
-webkit-animation: scroll-left-a 9s ease infinite;
animation: scroll-left-a 9s ease infinite;
-moz-animation: scroll-left-a 10s ease infinite;
-webkit-animation: scroll-left-a 10s ease infinite;
animation: scroll-left-a 10s ease infinite;
}
/* Move it (define the animation) */
@keyframes scroll-left-a {
@@ -42,12 +43,12 @@
transform: translateX(-90%);
}
}
/* gestione scroll testo B: 120% */
/* gestione scroll testo B: 100% */
.scroll-left-b span {
/* Apply animation to this element */
-moz-animation: scroll-left-b 9s ease infinite;
-webkit-animation: scroll-left-b 9s ease infinite;
animation: scroll-left-b 9s ease infinite;
-moz-animation: scroll-left-b 10s ease infinite;
-webkit-animation: scroll-left-b 10s ease infinite;
animation: scroll-left-b 10s ease infinite;
}
/* Move it (define the animation) */
@keyframes scroll-left-b {
@@ -64,9 +65,9 @@
/* gestione scroll testo C: 150% */
.scroll-left-c span {
/* Apply animation to this element */
-moz-animation: scroll-left-c 9s ease infinite;
-webkit-animation: scroll-left-c 9s ease infinite;
animation: scroll-left-c 9s ease infinite;
-moz-animation: scroll-left-c 10s ease infinite;
-webkit-animation: scroll-left-c 10s ease infinite;
animation: scroll-left-c 10s ease infinite;
}
/* Move it (define the animation) */
@keyframes scroll-left-c {
MP.Mon/Components/DetailViewMSE.razor.less
+11 -10
View File
@@ -22,6 +22,7 @@
}
/* gestione scroll testo A: 90% */
.scroll-left-a {
&:extend(.scroll-left);
}
@@ -29,9 +30,9 @@
.scroll-left-a span {
&:extend(.scroll-left span);
/* Apply animation to this element */
-moz-animation: scroll-left-a 9s ease infinite;
-webkit-animation: scroll-left-a 9s ease infinite;
animation: scroll-left-a 9s ease infinite;
-moz-animation: scroll-left-a 10s ease infinite;
-webkit-animation: scroll-left-a 10s ease infinite;
animation: scroll-left-a 10s ease infinite;
}
/* Move it (define the animation) */
@keyframes scroll-left-a {
@@ -48,7 +49,7 @@
}
}
/* gestione scroll testo B: 120% */
/* gestione scroll testo B: 100% */
.scroll-left-b {
&:extend(.scroll-left);
}
@@ -56,9 +57,9 @@
.scroll-left-b span {
&:extend(.scroll-left span);
/* Apply animation to this element */
-moz-animation: scroll-left-b 9s ease infinite;
-webkit-animation: scroll-left-b 9s ease infinite;
animation: scroll-left-b 9s ease infinite;
-moz-animation: scroll-left-b 10s ease infinite;
-webkit-animation: scroll-left-b 10s ease infinite;
animation: scroll-left-b 10s ease infinite;
}
/* Move it (define the animation) */
@keyframes scroll-left-b {
@@ -83,9 +84,9 @@
.scroll-left-c span {
&:extend(.scroll-left span);
/* Apply animation to this element */
-moz-animation: scroll-left-c 9s ease infinite;
-webkit-animation: scroll-left-c 9s ease infinite;
animation: scroll-left-c 9s ease infinite;
-moz-animation: scroll-left-c 10s ease infinite;
-webkit-animation: scroll-left-c 10s ease infinite;
animation: scroll-left-c 10s ease infinite;
}
/* Move it (define the animation) */
@keyframes scroll-left-c {
MP.Mon/Components/DetailViewMSE.razor.min.css
Vendored
+1 -1
View File
@@ -1 +1 @@
.scroll-left,.scroll-left-a,.scroll-left-b,.scroll-left-c{height:1.5em;overflow:hidden;position:relative;width:100%;white-space:nowrap;}.scroll-left span,.scroll-left-a span,.scroll-left-b span,.scroll-left-c span{position:absolute;width:100%;height:100%;margin:0;line-height:1.5em;-moz-transform:translateX(0%);-webkit-transform:translateX(0%);transform:translateX(0%);}.scroll-left-a span{-moz-animation:scroll-left-a 9s ease infinite;-webkit-animation:scroll-left-a 9s ease infinite;animation:scroll-left-a 9s ease infinite;}@keyframes scroll-left-a{0%{transform:translateX(0%);}30%{transform:translateX(0%);}90%{transform:translateX(-90%);}}.scroll-left-b span{-moz-animation:scroll-left-b 9s ease infinite;-webkit-animation:scroll-left-b 9s ease infinite;animation:scroll-left-b 9s ease infinite;}@keyframes scroll-left-b{0%{transform:translateX(0%);}30%{transform:translateX(0%);}90%{transform:translateX(-120%);}}.scroll-left-c span{-moz-animation:scroll-left-c 9s ease infinite;-webkit-animation:scroll-left-c 9s ease infinite;animation:scroll-left-c 9s ease infinite;}@keyframes scroll-left-c{0%{transform:translateX(0%);}30%{transform:translateX(0%);}90%{transform:translateX(-150%);}}
.scroll-left,.scroll-left-a,.scroll-left-b,.scroll-left-c{height:1.5em;overflow:hidden;position:relative;width:100%;white-space:nowrap;}.scroll-left span,.scroll-left-a span,.scroll-left-b span,.scroll-left-c span{position:absolute;width:100%;height:100%;margin:0;line-height:1.5em;-moz-transform:translateX(0%);-webkit-transform:translateX(0%);transform:translateX(0%);}.scroll-left-a span{-moz-animation:scroll-left-a 10s ease infinite;-webkit-animation:scroll-left-a 10s ease infinite;animation:scroll-left-a 10s ease infinite;}@keyframes scroll-left-a{0%{transform:translateX(0%);}30%{transform:translateX(0%);}90%{transform:translateX(-90%);}}.scroll-left-b span{-moz-animation:scroll-left-b 10s ease infinite;-webkit-animation:scroll-left-b 10s ease infinite;animation:scroll-left-b 10s ease infinite;}@keyframes scroll-left-b{0%{transform:translateX(0%);}30%{transform:translateX(0%);}90%{transform:translateX(-120%);}}.scroll-left-c span{-moz-animation:scroll-left-c 10s ease infinite;-webkit-animation:scroll-left-c 10s ease infinite;animation:scroll-left-c 10s ease infinite;}@keyframes scroll-left-c{0%{transform:translateX(0%);}30%{transform:translateX(0%);}90%{transform:translateX(-150%);}}
MP.Mon/MP.Mon.csproj
+1 -1
View File
@@ -4,7 +4,7 @@
<TargetFramework>net6.0</TargetFramework>
<Nullable>enable</Nullable>
<ImplicitUsings>enable</ImplicitUsings>
<Version>6.16.2503.1216</Version>
<Version>6.16.2503.1219</Version>
</PropertyGroup>
<ItemGroup>
MP.Mon/Pages/Index.razor
+5 -41
View File
@@ -35,20 +35,12 @@ else
mseIdx++;
if (currMse != null)
{
bool showOld = false;
bool showNew = true;
@if (showOld)
{
<div class="col p-0">
@* <div class="col p-0">
<DetailMSE CurrRecord="@currMse" currTagConf="@getIobTag(currMse.IdxMacchina)" currTagVal="@getTagVal(currMse.IdxMacchina)" doAnimate="@doAnimate" keepAliveMin="@keepAliveMin" showArt="@showArt" doBlink="@doBlink"></DetailMSE>
</div>
}
if(showNew)
{
<div class="col p-0">
<DetailViewMSE CurrRecord="@currMse" currTagConf="@getIobTag(currMse.IdxMacchina)" currTagVal="@getTagVal(currMse.IdxMacchina)" doAnimate="@doAnimate" keepAliveMin="@keepAliveMin" showArt="@showArt" doBlink="@doBlink"></DetailViewMSE>
</div>
}
</div> *@
<div class="col p-0">
<DetailViewMSE CurrRecord="@currMse" currTagConf="@getIobTag(currMse.IdxMacchina)" currTagVal="@getTagVal(currMse.IdxMacchina)" doAnimate="@doAnimate" keepAliveMin="@keepAliveMin" showArt="@showArt" doBlink="@doBlink"></DetailViewMSE>
</div>
}
else
{
@@ -58,32 +50,4 @@ else
</div>
}
@* <div class="row statusMap mx-1 my-1">
@{
int currIdx = 0;
foreach (var recordIob in ListMSE)
{
<div class="col machBlock ">
<DetailMSE CurrRecord="@recordIob" currTagConf="@getIobTag(recordIob.IdxMacchina)" currTagVal="@getTagVal(recordIob.IdxMacchina)" doAnimate="@doAnimate" keepAliveMin="@keepAliveMin" showArt="@showArt" doBlink="@doBlink"></DetailMSE>
</div>
currIdx++;
if (currIdx >= maxCol)
{
currIdx = 0;
@((MarkupString)"</div><div class=\"row statusMap mx-1 my-1\">")
;
}
}
// controllo se devo "chiudere riga...
int currNum = (currIdx % maxCol);
while (currNum < (maxCol))
{
@((MarkupString)"<div class=\"col machBlock\">&nbsp;</div>")
;
currNum++;
}
}
</div> *@
}
MP.Mon/Pages/_Layout.cshtml
+1
View File
@@ -58,6 +58,7 @@
});
</script> *@
<script src="lib/WindowSize.js"></script>
<script src="_framework/blazor.server.js" autostart="false"></script>
<script>
Blazor.start({
MP.Mon/Resources/ChangeLog.html
+1 -1
View File
@@ -1,6 +1,6 @@
<body>
<i>Modulo MON MAPO</i>
<h4>Versione: 6.16.2503.1216</h4>
<h4>Versione: 6.16.2503.1219</h4>
<br /> Note di rilascio:
<ul>
<li>
MP.Mon/Resources/VersNum.txt
+1 -1
View File
@@ -1 +1 @@
6.16.2503.1216
6.16.2503.1219
MP.Mon/Resources/manifest.xml
+1 -1
View File
@@ -1,6 +1,6 @@
<?xml version="1.0" encoding="UTF-8"?>
<item>
<version>6.16.2503.1216</version>
<version>6.16.2503.1219</version>
<url>https://nexus.steamware.net/repository/SWS/MP-MON/stable/LAST/MP.Mon.zip</url>
<changelog>https://nexus.steamware.net/repository/SWS/MP-MON/stable/LAST/ChangeLog.html</changelog>
<mandatory>false</mandatory>
MP.Mon/appsettings.json
+1 -1
View File
@@ -58,6 +58,6 @@
"ServerConf": {
"maxAge": "2000",
"cssOverlayOff": "bg-dark text-light bg-opacity-50",
"maxChar4Scroll": 18
"maxChar4Scroll": 15
}
}
MP.Mon/wwwroot/css/bootstrap/bootstrap.min.css
Vendored
-7
View File
File diff suppressed because one or more lines are too long
MP.Mon/wwwroot/css/bootstrap/bootstrap.min.css.map
-1
View File
File diff suppressed because one or more lines are too long
MP.Mon/wwwroot/css/site.css
+64 -40
View File
@@ -40,7 +40,7 @@ a,
border-color: #1861ac;
}
.content {
padding-top: 1.1rem;
padding-top: 1.1rrem;
}
.valid.modified:not([type=checkbox]) {
outline: 1px solid #26b050;
@@ -74,46 +74,46 @@ a,
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 5rem;
width: 5rrem;
}
.max10Char {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 10rem;
width: 10rrem;
}
.max20Char {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 20rem;
width: 20rrem;
}
.max30Char {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 30rem;
width: 30rrem;
}
.max40Char {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 40rem;
width: 40rrem;
}
.max50Char {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 50rem;
width: 50rrem;
}
.max100Char {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 100rem;
width: 100rrem;
}
.footer {
line-height: 1.8em;
line-height: 1.8rem;
}
#blazor-error-ui {
background: lightyellow;
@@ -121,7 +121,7 @@ a,
box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
display: none;
left: 0;
padding: 0.6rem 1.25rem 0.7rem 1.25rem;
padding: 0.6rem 1.25rem 0.7rem 1.25rrem;
position: fixed;
width: 100%;
z-index: 1000;
@@ -129,12 +129,12 @@ a,
#blazor-error-ui .dismiss {
cursor: pointer;
position: absolute;
right: 0.75rem;
top: 0.5rem;
right: 0.75rrem;
top: 0.5rrem;
}
.blazor-error-boundary {
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
padding: 1rem 1rem 1rem 3.7rem;
padding: 1rem 1rem 1rem 3.7rrem;
color: white;
}
.blazor-error-boundary::after {
@@ -143,24 +143,24 @@ a,
/* Gestione specifica oggetti MON*/
/* MAIN: gestione layout dinamico mappa... */
.fontSmall {
font-size: 0.75em;
font-size: 0.75rem;
}
.fontSmaller {
font-size: 0.6em;
font-size: 0.6rem;
}
.statusMap .ui-title,
.statusMap .ui-li-aside {
/*font-weight: 200;*/
text-transform: uppercase;
font-size: 1.5em;
line-height: 1.1em;
font-size: 1.5rem;
line-height: 1.1rem;
color: #DEDEDE;
text-shadow: 2px 2px 4px #000;
text-align: center;
background: linear-gradient(270deg, rgba(20, 20, 20, 0.7), rgba(100, 100, 100, 0.7), rgba(20, 20, 20, 0.7));
}
.statusMap .ui-subtitle {
line-height: 1.1em;
line-height: 1.1rem;
color: #DEDEDE;
text-shadow: 2px 2px 4px #000;
text-align: center;
@@ -176,37 +176,37 @@ a,
@media all and (min-width: 320px) {
.statusMap .ui-title,
.statusMap .ui-li-aside {
font-size: 1.5em;
font-size: 1.5rem;
}
}
@media all and (min-width: 800px) {
.statusMap .ui-title,
.statusMap .ui-li-aside {
font-size: 1.6em;
font-size: 1.6rem;
}
}
@media all and (min-width: 1024px) {
.statusMap .ui-title,
.statusMap .ui-li-aside {
font-size: 1.7em;
font-size: 1.7rem;
}
}
@media all and (min-width: 1440px) {
.statusMap .ui-title,
.statusMap .ui-li-aside {
font-size: 1.8em;
font-size: 1.8rem;
}
}
@media all and (min-width: 1980px) {
.statusMap .ui-title,
.statusMap .ui-li-aside {
font-size: 1.9em;
font-size: 1.9rem;
}
}
@media all and (min-width: 3960px) {
.statusMap .ui-title,
.statusMap .ui-li-aside {
font-size: 2em;
font-size: 2rem;
}
}
/* END: gestione layout dinamico mappa... */
@@ -348,14 +348,19 @@ a,
/* Gestione size caratteri */
.mainHead,
.logoImg {
height: 1.6em;
height: 1.6rem;
}
@media all and (max-width: 425px) {
body {
font-size: 0.7rem;
}
}
@media all and (min-width: 425px) {
.mainHead {
font-size: 1.3em;
font-size: 1.3rem;
}
body {
font-size: 0.8em;
font-size: 0.8rem;
}
.logoImg {
height: 30px;
@@ -363,52 +368,71 @@ a,
}
@media all and (min-width: 768px) {
.mainHead {
font-size: 1.4em;
font-size: 1.4rem;
}
body {
font-size: 1em;
font-size: 1rem;
}
.logoImg {
height: 35px;
}
}
@media all and (min-width: 800px) {
.mainHead {
font-size: 0.9rem;
}
body {
font-size: 0.6em;
font-size: 0.6rem;
}
.logoImg {
height: 40px;
}
}
@media all and (min-width: 1024px) {
.mainHead {
font-size: 1rem;
}
body {
font-size: 0.7em;
font-size: 0.7rem;
}
}
@media all and (min-width: 1280px) {
.mainHead {
font-size: 1.1rem;
}
body {
font-size: 0.8em;
font-size: 0.8rem;
}
}
@media all and (min-width: 1440px) {
.mainHead {
font-size: 1.3rem;
}
body {
font-size: 1em;
font-size: 1rem;
}
}
@media all and (min-width: 1680px) {
.mainHead {
font-size: 1.4rem;
}
body {
font-size: 1.1em;
font-size: 1.1rem;
}
}
@media all and (min-width: 1920px) {
.mainHead {
font-size: 1.6rem;
}
body {
font-size: 1.3em;
font-size: 1.3rem;
}
}
@media all and (min-width: 2560px) {
body {
font-size: 3em;
.mainHead {
font-size: 1.4rem;
}
}
@media all and (max-width: 425px) {
body {
font-size: 0.7em;
font-size: 1.8rem;
}
}
MP.Mon/wwwroot/css/site.less
+67 -42
View File
@@ -35,7 +35,7 @@ a, .btn-link {
}
.content {
padding-top: 1.1rem;
padding-top: 1.1rrem;
}
.valid.modified:not([type=checkbox]) {
@@ -77,42 +77,42 @@ a, .btn-link {
.max5Char {
.maxChar;
width: 5rem;
width: 5rrem;
}
.max10Char {
.maxChar;
width: 10rem;
width: 10rrem;
}
.max20Char {
.maxChar;
width: 20rem;
width: 20rrem;
}
.max30Char {
.maxChar;
width: 30rem;
width: 30rrem;
}
.max40Char {
.maxChar;
width: 40rem;
width: 40rrem;
}
.max50Char {
.maxChar;
width: 50rem;
width: 50rrem;
}
.max100Char {
.maxChar;
width: 100rem;
width: 100rrem;
}
.footer {
line-height: 1.8em;
line-height: 1.8rem;
}
#blazor-error-ui {
@@ -121,7 +121,7 @@ a, .btn-link {
box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
display: none;
left: 0;
padding: 0.6rem 1.25rem 0.7rem 1.25rem;
padding: 0.6rem 1.25rem 0.7rem 1.25rrem;
position: fixed;
width: 100%;
z-index: 1000;
@@ -130,13 +130,13 @@ a, .btn-link {
#blazor-error-ui .dismiss {
cursor: pointer;
position: absolute;
right: 0.75rem;
top: 0.5rem;
right: 0.75rrem;
top: 0.5rrem;
}
.blazor-error-boundary {
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
padding: 1rem 1rem 1rem 3.7rem;
padding: 1rem 1rem 1rem 3.7rrem;
color: white;
}
@@ -146,18 +146,18 @@ a, .btn-link {
/* Gestione specifica oggetti MON*/
/* MAIN: gestione layout dinamico mappa... */
.fontSmall {
font-size: 0.75em;
font-size: 0.75rem;
}
.fontSmaller {
font-size: 0.6em;
font-size: 0.6rem;
}
.statusMap .ui-title, .statusMap .ui-li-aside {
/*font-weight: 200;*/
text-transform: uppercase;
font-size: 1.5em;
line-height: 1.1em;
font-size: 1.5rem;
line-height: 1.1rem;
color: #DEDEDE;
text-shadow: 2px 2px 4px #000;
text-align: center;
@@ -165,7 +165,7 @@ a, .btn-link {
}
.statusMap .ui-subtitle {
line-height: 1.1em;
line-height: 1.1rem;
color: #DEDEDE;
text-shadow: 2px 2px 4px #000;
text-align: center;
@@ -186,37 +186,37 @@ a, .btn-link {
@media all and (min-width: 320px) {
.statusMap .ui-title, .statusMap .ui-li-aside {
font-size: 1.5em;
font-size: 1.5rem;
}
}
@media all and (min-width: 800px) {
.statusMap .ui-title, .statusMap .ui-li-aside {
font-size: 1.6em;
font-size: 1.6rem;
}
}
@media all and (min-width: 1024px) {
.statusMap .ui-title, .statusMap .ui-li-aside {
font-size: 1.7em;
font-size: 1.7rem;
}
}
@media all and (min-width: 1440px) {
.statusMap .ui-title, .statusMap .ui-li-aside {
font-size: 1.8em;
font-size: 1.8rem;
}
}
@media all and (min-width: 1980px) {
.statusMap .ui-title, .statusMap .ui-li-aside {
font-size: 1.9em;
font-size: 1.9rem;
}
}
@media all and (min-width: 3960px) {
.statusMap .ui-title, .statusMap .ui-li-aside {
font-size: 2.0em;
font-size: 2.0rem;
}
}
@@ -382,16 +382,22 @@ a, .btn-link {
/* Gestione size caratteri */
.mainHead,
.logoImg {
height: 1.6em;
height: 1.6rem;
}
@media all and (max-width: 425px) {
body {
font-size: 0.7rem;
}
}
@media all and (min-width: 425px) {
.mainHead {
font-size: 1.3em;
font-size: 1.3rem;
}
body {
font-size: 0.8em;
font-size: 0.8rem;
}
.logoImg {
@@ -401,11 +407,11 @@ a, .btn-link {
@media all and (min-width: 768px) {
.mainHead {
font-size: 1.4em;
font-size: 1.4rem;
}
body {
font-size: 1em;
font-size: 1rem;
}
.logoImg {
@@ -414,49 +420,68 @@ a, .btn-link {
}
@media all and (min-width: 800px) {
.mainHead {
font-size: 0.9rem;
}
body {
font-size: 0.6em;
font-size: 0.6rem;
}
.logoImg {
height: 40px;
}
}
@media all and (min-width: 1024px) {
.mainHead {
font-size: 1.0rem;
}
body {
font-size: 0.7em;
font-size: 0.7rem;
}
}
@media all and (min-width: 1280px) {
.mainHead {
font-size: 1.1rem;
}
body {
font-size: 0.8em;
font-size: 0.8rem;
}
}
@media all and (min-width: 1440px) {
.mainHead {
font-size: 1.3rem;
}
body {
font-size: 1.0em;
font-size: 1.0rem;
}
}
@media all and (min-width: 1680px) {
.mainHead {
font-size: 1.4rem;
}
body {
font-size: 1.1em;
font-size: 1.1rem;
}
}
@media all and (min-width: 1920px) {
.mainHead {
font-size: 1.6rem;
}
body {
font-size: 1.3em;
font-size: 1.3rem;
}
}
@media all and (min-width: 2560px) {
.mainHead {
font-size: 1.4rem;
}
body {
font-size: 3.0em;
}
}
@media all and (max-width: 425px) {
body {
font-size: 0.7em;
font-size: 1.8rem;
}
}
MP.Mon/wwwroot/css/site.min.css
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long
MP.Mon/wwwroot/lib/WindowSize.js
+6
View File
@@ -0,0 +1,6 @@
window.getWindowDimensions = function () {
return {
width: window.innerWidth,
height: window.innerHeight
};
};