@@ -1012,31 +1012,89 @@ body,
1012
1012
.mvWidget .weatherForecast .sun .night {
1013
1013
stroke-width : 1.4px ;
1014
1014
}
1015
+
1016
+ .mvWidget .weatherForecast .details {
1017
+ display : flex;
1018
+ justify-content : space-between;
1019
+ }
1020
+
1021
+ .mvWidget .weatherForecast .details .value .temperature {
1022
+ display : flex;
1023
+ }
1024
+
1025
+ .mvWidget .weatherForecast .details .value .bottom {
1026
+ display : flex;
1027
+ position : relative;
1028
+ }
1029
+ .mvWidget .weatherForecast .details .value .bottom .sun {
1030
+ overflow : hidden;
1031
+ width : 4vw ;
1032
+ height : 4vw ;
1033
+ margin-left : -5px ;
1034
+ }
1035
+ .mvWidget .weatherForecast .details .value .bottom .precipitationProbability svg {
1036
+ width : 0.8vw ;
1037
+ height : 0.8vw ;
1038
+ margin-top : 0.1vw ;
1039
+ margin-right : 2px ;
1040
+ stroke : var (--sub-icon-color );
1041
+ fill : none;
1042
+ }
1043
+ .mvWidget .weatherForecast .details .value .bottom .precipitationProbability {
1044
+ position : absolute;
1045
+ right : 0 ;
1046
+ bottom : 25px ;
1047
+ }
1048
+ .mvWidget .weatherForecast .details .value .bottom .precipitationAmount {
1049
+ position : absolute;
1050
+ right : 0 ;
1051
+ bottom : 5px ;
1052
+ }
1053
+ .mvWidget .weatherForecast .details .value .bottom .value {
1054
+ display : flex;
1055
+ font-size : 0.9vw ;
1056
+ }
1057
+ .mvWidget .weatherForecast .details .cell .title {
1058
+ font-size : 1.0vw ;
1059
+ padding-bottom : 5px ;
1060
+ }
1061
+
1062
+ .mvWidget .weatherForecast .details .cell .temperature .sub {
1063
+ font-size : 1.4vw ;
1064
+ line-height : 1.4vw ;
1065
+ }
1066
+ .mvWidget .weatherForecast .details .cell .temperature .main {
1067
+ font-size : 1.6vw ;
1068
+ font-weight : var (--widget-value-weight );
1069
+ color : var (--widget-value-color-main );
1070
+ }
1071
+
1072
+ .mvWidget .weatherForecast .summary {
1073
+ margin-top : 10px ;
1074
+ }
1075
+
1015
1076
.mvWidget .weatherForecast .summary ,
1016
1077
.mvWidget .weatherForecast .summary .cell {
1017
1078
display : flex;
1079
+ font-size : 1vw ;
1080
+ font-weight : var (--widget-value-weight );
1081
+ color : var (--widget-text-color-nonimportant );
1018
1082
}
1083
+
1019
1084
.mvWidget .weatherForecast .summary .bullet {
1020
1085
font-size : 1vw ;
1021
1086
color : var (--widget-text-color-nonimportant );
1022
1087
flex-grow : 1 ;
1023
1088
}
1024
1089
.mvWidget .weatherForecast .summary .cell {
1025
- justify-content : flex-end;
1026
- }
1027
- .mvWidget .weatherForecast .summary .cell : first-child {
1028
- justify-content : flex-start;
1029
- }
1030
- .mvWidget .weatherForecast .summary .txt {
1031
- font-size : 1vw ;
1032
- padding-top : 2px ;
1033
- color : var (--widget-text-color-nonimportant );
1090
+ justify-content : space-between;
1034
1091
}
1092
+
1035
1093
.mvWidget .weatherForecast .summary .icon {
1036
1094
margin-left : 0.3vw ;
1037
1095
margin-right : 0.3vw ;
1038
- width : 16 px ;
1039
- height : 16 px ;
1096
+ width : 0.7 vw ;
1097
+ height : 0.7 vw ;
1040
1098
flex-grow : 0 ;
1041
1099
}
1042
1100
.mvWidget .weatherForecast .summary .icon svg {
@@ -1051,113 +1109,6 @@ body,
1051
1109
filter : brightness (150% );
1052
1110
}
1053
1111
.mvWidget .weatherForecast .summary .icon .sun svg {
1054
- /*margin: 0px;*/
1055
1112
filter : brightness (70% );
1056
1113
}
1057
- .mvWidget .weatherForecast .summary .value {
1058
- font-weight : var (--widget-value-weight );
1059
- white-space : nowrap;
1060
- }
1061
- .mvWidget .weatherForecast .summary .cell ,
1062
- .mvWidget .weatherForecast .summary .bullet {
1063
- margin-top : 1.1vw ;
1064
- font-size : 1.2vw ;
1065
- width : auto;
1066
- }
1067
- .mvWidget .weatherForecast .summary .bullet {
1068
- padding-left : 0.8vw ;
1069
- padding-right : 0.8vw ;
1070
- }
1071
- .mvWidget .weatherTodayForecast .headlines ,
1072
- .mvWidget .weatherTodayForecast .summary .cell ,
1073
- .mvWidget .weatherTodayForecast .summary .bullet {
1074
- border-top : 1px dashed var (--primary-light-color );
1075
- }
1076
- .mvWidget .weatherTodayForecast .headlines .cell ,
1077
- .mvWidget .weatherTodayForecast .summary .cell ,
1078
- .mvWidget .weatherTodayForecast .summary .bullet {
1079
- padding-top : 1.1vw ;
1080
- }
1081
- .mvWidget .weatherTodayForecast .headlines .cell ,
1082
- .mvWidget .weatherTodayForecast .details .cell {
1083
- width : 25% ;
1084
- margin-right : 5% ;
1085
- }
1086
- .mvWidget .weatherTodayForecast .headlines .cell : last-child ,
1087
- .mvWidget .weatherTodayForecast .details .cell : last-child {
1088
- margin-right : 0% ;
1089
- }
1090
- .mvWidget .weatherTodayForecast .headlines ,
1091
- .mvWidget .weatherTodayForecast .details {
1092
- display : flex;
1093
- }
1094
- .mvWidget .weatherTodayForecast .details .cell {
1095
- position : relative;
1096
- height : 7vw ;
1097
- }
1098
- .mvWidget .weatherTodayForecast .details .cell .sun ,
1099
- .mvWidget .weatherTodayForecast .details .cell .time ,
1100
- .mvWidget .weatherTodayForecast .details .cell .temperature ,
1101
- .mvWidget .weatherTodayForecast .details .cell .precipitationProbability ,
1102
- .mvWidget .weatherTodayForecast .details .cell .precipitationAmount {
1103
- position : absolute;
1104
- }
1105
- .mvWidget .weatherTodayForecast .details .cell .temperature ,
1106
- .mvWidget .weatherTodayForecast .details .cell .precipitationProbability ,
1107
- .mvWidget .weatherTodayForecast .details .cell .precipitationAmount {
1108
- display : flex;
1109
- justify-content : flex-end;
1110
- }
1111
- .mvWidget .weatherTodayForecast .details .cell .sun {
1112
- overflow : hidden;
1113
- left : 0 ;
1114
- bottom : 0px ;
1115
- width : 4vw ;
1116
- height : 4vw ;
1117
- margin-left : -3px ;
1118
- }
1119
- .mvWidget .weatherTodayForecast .details .cell .time {
1120
- left : 0px ;
1121
- top : 4px ;
1122
- width : auto;
1123
- color : var (--widget-text-color-nonimportant );
1124
- }
1125
- .mvWidget .weatherTodayForecast .details .cell .time .from {
1126
- font-size : 1.2vw ;
1127
- line-height : 1.2vw ;
1128
- }
1129
- .mvWidget .weatherTodayForecast .details .cell .time .to {
1130
- font-size : 1.0vw ;
1131
- line-height : 1.0vw ;
1132
- text-align : left;
1133
- }
1134
- .mvWidget .weatherTodayForecast .details .cell .temperature {
1135
- right : 0 ;
1136
- top : 4px ;
1137
- }
1138
- .mvWidget .weatherTodayForecast .details .cell .temperature .sub {
1139
- font-size : 1.4vw ;
1140
- line-height : 1.4vw ;
1141
- }
1142
- .mvWidget .weatherTodayForecast .details .cell .temperature .main {
1143
- font-size : 2vw ;
1144
- font-weight : var (--widget-value-weight );
1145
- color : var (--widget-value-color-main );
1146
- }
1147
- .mvWidget .weatherTodayForecast .details .cell .precipitationProbability {
1148
- right : 0px ;
1149
- bottom : 20px ;
1150
- }
1151
- .mvWidget .weatherTodayForecast .details .value .precipitationProbability svg {
1152
- width : 16px ;
1153
- height : 16px ;
1154
- line-height : 16px ;
1155
- margin-right : 2px ;
1156
- margin-top : -2px ;
1157
- stroke : var (--sub-icon-color );
1158
- fill : none;
1159
- }
1160
- .mvWidget .weatherTodayForecast .details .cell .precipitationAmount {
1161
- right : 0px ;
1162
- bottom : 0px ;
1163
- }
1114
+
0 commit comments