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

Semplificazione gestione stilesheet

Browse Source
This commit is contained in:
Samuele Locatelli
2025-03-15 12:23:25 +01:00
parent c9f054adab
commit e85a253e6e
17 changed files with 296 additions and 347 deletions
Download Patch File Download Diff File Expand all files Collapse all files
MP-MON.sln
+2 -2
View File
@@ -5,9 +5,9 @@ VisualStudioVersion = 17.0.32126.317
MinimumVisualStudioVersion = 10.0.40219.1
Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "MP.Data", "MP.Data\MP.Data.csproj", "{10BA8450-301D-49C7-8E1E-21B7469C225C}"
EndProject
Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "MP-MON", "MP.MON\MP.MON.csproj", "{82FD7CF4-42A2-499C-88FC-46502D166F70}"
Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "MP.MON", "MP.MON\MP.MON.csproj", "{82FD7CF4-42A2-499C-88FC-46502D166F70}"
EndProject
Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "MP-MON.Client", "MP.MON.Client\MP.MON.Client.csproj", "{162B91FA-4BFD-4270-966A-C5E8B5DC1346}"
Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "MP.MON.Client", "MP.MON.Client\MP.MON.Client.csproj", "{162B91FA-4BFD-4270-966A-C5E8B5DC1346}"
EndProject
Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "MP.Core", "MP.Core\MP.Core.csproj", "{4F652F76-AC46-444D-B808-40102F2F05C0}"
EndProject
MP.MON.Client/Components/DetailMSE.razor.css
-42
View File
@@ -1,42 +0,0 @@
/* gestione scroll testo */
.scroll-left {
height: 1.5em;
overflow: hidden;
position: relative;
width: 100%;
white-space: nowrap;
}
.scroll-left span {
/*display: inline-block;*/
position: absolute;
width: 100%;
height: 100%;
margin: 0;
line-height: 1.5em;
/* Starting position */
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
/* Apply animation to this element */
-moz-animation: scroll-left 20s ease infinite;
-webkit-animation: scroll-left 20s ease infinite;
animation: scroll-left 20s ease infinite;
}
/* Move it (define the animation) */
@keyframes scroll-left {
0% {
transform: translateX(-50%);
}
25% {
transform: translateX(-30%);
}
50% {
transform: translateX(-50%);
}
75% {
transform: translateX(-70%);
}
100% {
transform: translateX(-50%);
}
}
MP.MON.Client/Components/DetailMSE.razor.less
-48
View File
@@ -1,48 +0,0 @@
/* gestione scroll testo */
.scroll-left {
height: 1.5em;
overflow: hidden;
position: relative;
width: 100%;
white-space: nowrap;
}
.scroll-left span {
/*display: inline-block;*/
position: absolute;
width: 100%;
height: 100%;
margin: 0;
line-height: 1.5em;
/* Starting position */
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
/* Apply animation to this element */
-moz-animation: scroll-left 20s ease infinite;
-webkit-animation: scroll-left 20s ease infinite;
animation: scroll-left 20s ease infinite;
}
/* Move it (define the animation) */
@keyframes scroll-left {
0% {
transform: translateX(-50%);
}
25% {
transform: translateX(-30%);
}
50% {
transform: translateX(-50%);
}
75% {
transform: translateX(-70%);
}
100% {
transform: translateX(-50%);
}
}
MP.MON.Client/Components/DetailMSE.razor.min.css
Vendored
-1
View File
@@ -1 +0,0 @@
.scroll-left{height:1.5em;overflow:hidden;position:relative;width:100%;white-space:nowrap;}.scroll-left span{position:absolute;width:100%;height:100%;margin:0;line-height:1.5em;-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);-moz-animation:scroll-left 20s ease infinite;-webkit-animation:scroll-left 20s ease infinite;animation:scroll-left 20s ease infinite;}@keyframes scroll-left{0%{transform:translateX(-50%);}25%{transform:translateX(-30%);}50%{transform:translateX(-50%);}75%{transform:translateX(-70%);}100%{transform:translateX(-50%);}}
MP.MON.Client/Components/DetailMapSelector.razor
+44
View File
@@ -0,0 +1,44 @@
@using MP.Core.Conf
@using MP.Core.DTO;
@if (useNewDisplay)
{
<DetailViewMSE CurrRecord="@currRecord" currTagConf="@currTagConf" currTagVal="@currTagVal" doAnimate="@doAnimate" keepAliveMin="@keepAliveMin" showArt="@showArt" doBlink="@doBlink" maxChar4Scroll="@maxChar4Scroll" @rendermode="InteractiveAuto"></DetailViewMSE>
}
else
{
<DetailMSE CurrRecord="@currRecord" currTagConf="@currTagConf" currTagVal="@currTagVal" doAnimate="@doAnimate" keepAliveMin="@keepAliveMin" showArt="@showArt" doBlink="@doBlink" maxChar4Scroll="@maxChar4Scroll" cssOverlayOff="@cssOverlayOff" @rendermode="InteractiveAuto"></DetailMSE>
}
@code {
[Parameter]
public MappaStatoExplDTO? currRecord { get; set; } = null;
[Parameter]
public List<TagData>? currTagConf { get; set; } = null;
[Parameter]
public Dictionary<string, string> currTagVal { get; set; } = new Dictionary<string, string>();
[Parameter]
public bool doAnimate { get; set; } = true;
[Parameter]
public bool doBlink { get; set; } = false;
[Parameter]
public int keepAliveMin { get; set; } = 5;
[Parameter]
public int maxChar4Scroll { get; set; } = 20;
[Parameter]
public string showArt { get; set; } = "";
[Parameter]
public bool useNewDisplay { get; set; } = true;
[Parameter]
public string cssOverlayOff { get; set; } = "";
}
MP.MON.Client/Components/DetailViewMSE.razor.css
-104
View File
@@ -1,104 +0,0 @@
/* Testo ridotto se troppo lungo... */
.text-reduced,
.text-reduced-a,
.text-reduced-b,
.text-reduced-c {
height: 1.1rem;
line-height: 0.9em;
/*overflow: hidden;*/
/*position: relative;*/
/*width: 100%;*/
/*white-space: nowrap;*/
overflow-wrap: anywhere;
}
.text-reduced-a {
font-size: 0.95rem;
}
.text-reduced-b {
font-size: 0.9rem;
}
.text-reduced-c {
font-size: 0.85rem;
}
/* gestione scroll testo A: 100% */
.scroll-left,
.scroll-left-a,
.scroll-left-b,
.scroll-left-c {
height: 1.25em;
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.25em;
/* Starting position */
-moz-transform: translateX(0%);
-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 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 {
0% {
transform: translateX(0%);
}
30% {
transform: translateX(0%);
}
100% {
transform: translateX(-90%);
}
}
/* gestione scroll testo B: 100% */
.scroll-left-b span {
/* Apply animation to this element */
-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 {
0% {
transform: translateX(0%);
}
30% {
transform: translateX(0%);
}
100% {
transform: translateX(-120%);
}
}
/* gestione scroll testo C: 150% */
.scroll-left-c span {
/* Apply animation to this element */
-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 {
0% {
transform: translateX(0%);
}
30% {
transform: translateX(0%);
}
100% {
transform: translateX(-150%);
}
}
MP.MON.Client/Components/DetailViewMSE.razor.less
-126
View File
@@ -1,126 +0,0 @@
/* Testo ridotto se troppo lungo... */
.text-reduced {
height: 1.1rem;
line-height: 0.9em;
/*overflow: hidden;*/
/*position: relative;*/
/*width: 100%;*/
/*white-space: nowrap;*/
overflow-wrap: anywhere;
}
.text-reduced-a {
&:extend(.text-reduced);
font-size: 0.95rem;
}
.text-reduced-b {
&:extend(.text-reduced);
font-size: 0.9rem;
}
.text-reduced-c {
&:extend(.text-reduced);
font-size: 0.85rem;
}
/* gestione scroll testo A: 100% */
.scroll-left {
height: 1.25em;
overflow: hidden;
position: relative;
width: 100%;
white-space: nowrap;
}
.scroll-left span {
position: absolute;
width: 100%;
height: 100%;
margin: 0;
line-height: 1.25em;
/* Starting position */
-moz-transform: translateX(0%);
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
/* gestione scroll testo A: 90% */
.scroll-left-a {
&:extend(.scroll-left);
}
.scroll-left-a span {
&:extend(.scroll-left span);
/* Apply animation to this element */
-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 {
0% {
transform: translateX(0%);
}
30% {
transform: translateX(0%);
}
100% {
transform: translateX(-90%);
}
}
/* gestione scroll testo B: 100% */
.scroll-left-b {
&:extend(.scroll-left);
}
.scroll-left-b span {
&:extend(.scroll-left span);
/* Apply animation to this element */
-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 {
0% {
transform: translateX(0%);
}
30% {
transform: translateX(0%);
}
100% {
transform: translateX(-120%);
}
}
/* gestione scroll testo C: 150% */
.scroll-left-c {
&:extend(.scroll-left);
}
.scroll-left-c span {
&:extend(.scroll-left span);
/* Apply animation to this element */
-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 {
0% {
transform: translateX(0%);
}
30% {
transform: translateX(0%);
}
100% {
transform: translateX(-150%);
}
}
MP.MON.Client/Components/DetailViewMSE.razor.min.css
Vendored
-1
View File
@@ -1 +0,0 @@
.text-reduced,.text-reduced-a,.text-reduced-b,.text-reduced-c{height:1.1rem;line-height:.9em;overflow-wrap:anywhere;}.text-reduced-a{font-size:.95rem;}.text-reduced-b{font-size:.9rem;}.text-reduced-c{font-size:.85rem;}.scroll-left,.scroll-left-a,.scroll-left-b,.scroll-left-c{height:1.25em;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.25em;-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%);}100%{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%);}100%{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%);}100%{transform:translateX(-150%);}}
MP.MON.Client/compilerconfig.json
-8
View File
@@ -1,10 +1,2 @@
[
{
"outputFile": "Components/DetailViewMSE.razor.css",
"inputFile": "Components/DetailViewMSE.razor.less"
},
{
"outputFile": "Components/DetailMSE.razor.css",
"inputFile": "Components/DetailMSE.razor.less"
}
]
MP.MON/Components/Pages/Index.razor
+9 -10
View File
@@ -39,18 +39,17 @@ else
mseIdx++;
if (currMse != null)
{
if (newDisplay)
{
<div class="col p-0">
<div class="col p-0">
@* <DetailMapSelector CurrRecord="@currMse" currTagConf="@getIobTag(currMse.IdxMacchina)" currTagVal="@getTagVal(currMse.IdxMacchina)" doAnimate="@doAnimate" keepAliveMin="@keepAliveMin" showArt="@showArt" doBlink="@doBlink" maxChar4Scroll="@maxChar4Scroll" cssOverlayOff="@cssOverlayOff" useNewDisplay="@newDisplay" @rendermode="InteractiveServer"></DetailMapSelector> *@
@if (newDisplay)
{
<DetailViewMSE CurrRecord="@currMse" currTagConf="@getIobTag(currMse.IdxMacchina)" currTagVal="@getTagVal(currMse.IdxMacchina)" doAnimate="@doAnimate" keepAliveMin="@keepAliveMin" showArt="@showArt" doBlink="@doBlink" maxChar4Scroll="@maxChar4Scroll" @rendermode="InteractiveAuto"></DetailViewMSE>
</div>
}
else
{
<div class="col p-0">
}
else
{
<DetailMSE CurrRecord="@currMse" currTagConf="@getIobTag(currMse.IdxMacchina)" currTagVal="@getTagVal(currMse.IdxMacchina)" doAnimate="@doAnimate" keepAliveMin="@keepAliveMin" showArt="@showArt" doBlink="@doBlink" maxChar4Scroll="@maxChar4Scroll" cssOverlayOff="@cssOverlayOff" @rendermode="InteractiveAuto"></DetailMSE>
</div>
}
}
</div>
}
else
{
MP.MON/MP.MON.csproj
+1 -1
View File
@@ -6,7 +6,7 @@
<ImplicitUsings>enable</ImplicitUsings>
<RootNamespace>MP.MON</RootNamespace>
<AssemblyName>$(AssemblyName.Replace(' ', '_'))</AssemblyName>
<Version>6.16.2503.1511</Version>
<Version>6.16.2503.1512</Version>
</PropertyGroup>
<ItemGroup>
MP.MON/Resources/ChangeLog.html
+1 -1
View File
@@ -1,6 +1,6 @@
<body>
<i>Modulo MAPOSPEC </i>
<h4>Versione: 6.16.2503.1511</h4>
<h4>Versione: 6.16.2503.1512</h4>
<br /> Note di rilascio:
<ul>
<li>
MP.MON/Resources/VersNum.txt
+1 -1
View File
@@ -1 +1 @@
6.16.2503.1511
6.16.2503.1512
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.1511</version>
<version>6.16.2503.1512</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/wwwroot/css/site.css
+105
View File
@@ -210,6 +210,111 @@ a,
}
}
/* END: gestione layout dinamico mappa... */
/* area testo scorrevole*/
/* Testo ridotto se troppo lungo... */
.text-reduced,
.text-reduced-a,
.text-reduced-b,
.text-reduced-c {
height: 1.1rem;
line-height: 0.9em;
/*overflow: hidden;*/
/*position: relative;*/
/*width: 100%;*/
/*white-space: nowrap;*/
overflow-wrap: anywhere;
}
.text-reduced-a {
font-size: 0.95rem;
}
.text-reduced-b {
font-size: 0.9rem;
}
.text-reduced-c {
font-size: 0.85rem;
}
/* gestione scroll testo A: 100% */
.scroll-left,
.scroll-left-a,
.scroll-left-b,
.scroll-left-c {
height: 1.25em;
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.25em;
/* Starting position */
-moz-transform: translateX(0%);
-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 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 {
0% {
transform: translateX(0%);
}
30% {
transform: translateX(0%);
}
100% {
transform: translateX(-90%);
}
}
/* gestione scroll testo B: 100% */
.scroll-left-b span {
/* Apply animation to this element */
-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 {
0% {
transform: translateX(0%);
}
30% {
transform: translateX(0%);
}
100% {
transform: translateX(-120%);
}
}
/* gestione scroll testo C: 150% */
.scroll-left-c span {
/* Apply animation to this element */
-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 {
0% {
transform: translateX(0%);
}
30% {
transform: translateX(0%);
}
100% {
transform: translateX(-150%);
}
}
/* area semafori*/
.semBlinkVe,
.semFixVe,
MP.MON/wwwroot/css/site.less
+131
View File
@@ -222,6 +222,137 @@ a, .btn-link {
/* END: gestione layout dinamico mappa... */
/* area testo scorrevole*/
/* Testo ridotto se troppo lungo... */
.text-reduced {
height: 1.1rem;
line-height: 0.9em;
/*overflow: hidden;*/
/*position: relative;*/
/*width: 100%;*/
/*white-space: nowrap;*/
overflow-wrap: anywhere;
}
.text-reduced-a {
&:extend(.text-reduced);
font-size: 0.95rem;
}
.text-reduced-b {
&:extend(.text-reduced);
font-size: 0.9rem;
}
.text-reduced-c {
&:extend(.text-reduced);
font-size: 0.85rem;
}
/* gestione scroll testo A: 100% */
.scroll-left {
height: 1.25em;
overflow: hidden;
position: relative;
width: 100%;
white-space: nowrap;
}
.scroll-left span {
position: absolute;
width: 100%;
height: 100%;
margin: 0;
line-height: 1.25em;
/* Starting position */
-moz-transform: translateX(0%);
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
/* gestione scroll testo A: 90% */
.scroll-left-a {
&:extend(.scroll-left);
}
.scroll-left-a span {
&:extend(.scroll-left span);
/* Apply animation to this element */
-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 {
0% {
transform: translateX(0%);
}
30% {
transform: translateX(0%);
}
100% {
transform: translateX(-90%);
}
}
/* gestione scroll testo B: 100% */
.scroll-left-b {
&:extend(.scroll-left);
}
.scroll-left-b span {
&:extend(.scroll-left span);
/* Apply animation to this element */
-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 {
0% {
transform: translateX(0%);
}
30% {
transform: translateX(0%);
}
100% {
transform: translateX(-120%);
}
}
/* gestione scroll testo C: 150% */
.scroll-left-c {
&:extend(.scroll-left);
}
.scroll-left-c span {
&:extend(.scroll-left span);
/* Apply animation to this element */
-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 {
0% {
transform: translateX(0%);
}
30% {
transform: translateX(0%);
}
100% {
transform: translateX(-150%);
}
}
/* area semafori*/
.semBlinkVe,
.semFixVe,
MP.MON/wwwroot/css/site.min.css
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long