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.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"
}
]