[Модуль] Open Weather (app_openweather)

[ImageMaker]

Попробуйте вставить вот этот стиль в виджет

На компьютере даёт такую картинку:

СпойлерПоказать

weather.jpg (668.9 КБ) 5422 просмотра

На телефоне даёт такую картинку:

СпойлерПоказать

weathermob.jpg (719.36 КБ) 5422 просмотра

Можно как-то поправить?

[nick7zmail]

Вопрос к тому как эта сцена сделана...возможно стоит порядок элементов сделать не друг за другом, а абсолютным позиционированием...на всех моих сценах данный модуль смотрится более чем адекватно.

Отправлено с моего Xperia XZ1 Compact через Tapatalk

[ImageMaker]

Попробуйте вставить вот этот стиль в виджет

На компьютере даёт такую картинку:

СпойлерПоказать

weather.jpg

На телефоне даёт такую картинку:

СпойлерПоказать

weathermob.jpg

Можно как-то поправить?

Картинка на компьютере каким-то чудесным образом исправилась

Но на телефоне по прежнему показывает только один день, как и прежде.

Как поправить?

[nick7zmail]

Аа...вон в чем проблема...Этот виджет скорее всего не расчитан под телефон....он вертикально выстраивался раньше при маленьком разрешении. А сейчас - видимо ограничена высота, и остальные дни не вмещаются...

[naladka20081]

При указании места положения указываю страну,а города не загружаются

[Jilber]

Браузер не IE случаем ? В других браузерах вроде нормально работает.

[Volter5000]

Попробуйте вставить вот этот стиль в виджет, я его подкорректировал, должен работать

СпойлерПоказать

<style>
@import url(https://fonts.googleapis.com/css?family ... 00,400,700);
@import url(https://cdnjs.cloudflare.com/ajax/libs/ ... ns.min.css);
/* Vars */
/* Grid System */
.fc-widget-1a * {
box-sizing: border-box;
}
.fc-widget-1a {
max-width: 300px;
position: relative;
padding: 0 15;
min-width: 280px;
}
.fc-widget-1a:before, .fc-widget-1:after {
content: "";
display: table;
}
.fc-widget-1a:after {
clear: both;
}
.fc-widget-1a .row:before, .fc-widget-1 .row:after {
content: "";
display: table;
}
.fc-widget-1a .row:after {
clear: both;
}
.fc-widget-1a .columns {
float: left;
display: block;
margin-bottom: 0px;
vertical-align: top;
padding: 0;
}
.fc-widget-1a .columns.sm-days {
width: 14.28%;
opacity: 0;
}
/* Main Styles */
.fc-widget-1a {
color: #fff;
font-family: "Lato", "Arial", sans-serif;
font-size: 1.5rem;
line-height: 1.6;
transition: all 0.5s;
}
.fc-widget-1a {
background: rgba(64, 165, 188, 0.8);
border-radius: 0.5rem;
box-shadow: inset 0 1.5px 4px rgba(255, 255, 255, 0.25), inset 0 1.5px 6px rgba(255, 255, 255, 0.25);
min-height: 140px;
max-height: 150px;
overflow: hidden;
}
/* Header Section */
.fc-widget-1a header {
font-size: 2rem;
font-weight: 300;
padding: 0.3rem;
text-align: center;
overflow: hidden;
}
.fc-widget-1a header h2 {
font-size: 1rem;
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin-top: 0px;
margin-bottom: 0px;
}

.fc-widget-1a header h2a {
font-size: 1.5rem;
margin-left: 15px;
font-weight: 300;
}

.fc-widget-1a .current-city-day {
font-size: 1rem;
display: block;
}
.fc-widget-1a sup {
position: relative;
top: -1em;
font-size: 50%;
}
.fc-widget-1a .current-city-weather {
font-size: 4rem;
}
/* Week Days Section */
.fc-widget-1a .week-days {
font-weight: 700;
text-align: center;
}
.fc-widget-1a .day {
background: #55a0b3;
border: 1px solid #86bdc9;
}
.fc-widget-1a .sm-days {
border-right: 1px solid #86bdc9;
cursor: pointer;
}
.fc-widget-1a .sm-days:last-child {
border: none;
}
.fc-widget-1a .day-weather-icon,
.fc-widget-1a .day-weather-info {
margin: 1rem 0;
font-size: 1.5rem;
}

.fc-widget-1a .day-weather-info h2{
margin: 0;
font-size: 1.2rem;
}
.day-weather-icon {
font-size: 2.5rem;
}
/* Media Queries */
@media (max-width: 720px) {
.fc-widget-1a {
font-size: 12px;
}
}
@media (max-width: 520px) {

.fc-widget-1a .columns {
float: left;
margin-left: 0;
margin-top: 1rem;
}
.fc-widget-1a .columns:nth-child(odd) {
margin-left: 0;
}
.fc-widget-1a .columns.sm-four,
.fc-widget-1a .columns.sm-days {
width: 100%;
}
.fc-widget-1a .day {
padding: 1arem;
}
.fc-widget-1a .current-city-day {
font-size: 2rem;
}
}
/* Keyframes */
@keyframes fadeInUp {
0% {
opacity: 0;
transform: translate3d(0, 100%, 0);
}
100% {
opacity: 1;
transform: none;
}
}
.fc-widget-1a .fadeInUp {
animation-name: fadeInUp;
animation-duration: 0s;
animation-fill-mode: both;
}
@keyframes fadeIn {
0% {
transform: scale(0.8);
}
100% {
opacity: 1;
transform: scale(1);
}
}
.fc-widget-1a .fadeIn,
.fc-widget-1a .columns.sm-days {
animation-name: fadeIn;
animation-duration: 0s;
animation-fill-mode: both;
}
.fc-widget-1a .sm-days:nth-child(1) {
animation-delay: 0s;
}
.fc-widget-1a .sm-days:nth-child(2) {
animation-delay: 0s;
}
.fc-widget-1a .sm-days:nth-child(3) {
animation-delay: 0s;
}
.fc-widget-1a .sm-days:nth-child(4) {
animation-delay: 0s;
}
.fc-widget-1a .sm-days:nth-child(5) {
animation-delay: 0s;
}
.fc-widget-1a .sm-days:nth-child(6) {
animation-delay: 0s;
}
.fc-widget-1a .sm-days:nth-child(7) {
animation-delay: 0s;
}


</style>

Попробовал вставить Ваш кусок кода. Результат снова плачевный. На выходе получил в столбик иконки, за ними дни недели и градусы. Все тупо вниз друг за другом. Фон вообще пропал.

[Parashutik]

Да, только что вытер полностью модуль(чтобы не было хвостов), установил по новой с маркета, этот файл занимает 31.7 мBаt, всё равно картина такая же, хотя на старой версии выбор города есть.

Проверил файл. Показывает города всех стран , но только Россия в пролёте. Города не выбираются.

[Parashutik]

Хотя города из зоны ""RU" есть в файле

[Parashutik]

Я не программист, но мне кажется, что где то в коде нет связи между "Russia" и "Ru" потому и не находит города.