MajorDoMo

Добрый день! Подскажите пожалуйста как сделать, чтобы иконки погоды были чуть больше при отображение на сцене(сценах). В блоке погоды тыкался всё меняется, а вот иконки погоды не меняются. Стоят сейчас (svg), но ставил и (png) с разными размерами. На сцене все ровно один размер. Спасибо!

Garik908 писал(а): Вс ноя 24, 2019 4:04 pm Добрый день! Подскажите пожалуйста как сделать, чтобы иконки погоды были чуть больше при отображение на сцене(сценах). В блоке погоды тыкался всё меняется, а вот иконки погоды не меняются. Стоят сейчас (svg), но ставил и (png) с разными размерами. На сцене все ровно один размер. Спасибо!

Посмотри в general_CSS
Разделы типа
.panel-now .mainInfo img {
display: block;
margin: auto;
height: 160px;
padding-right: 20px;
}

freesh писал(а): Вс ноя 24, 2019 4:59 pm

Garik908 писал(а): Вс ноя 24, 2019 4:04 pm Добрый день! Подскажите пожалуйста как сделать, чтобы иконки погоды были чуть больше при отображение на сцене(сценах). В блоке погоды тыкался всё меняется, а вот иконки погоды не меняются. Стоят сейчас (svg), но ставил и (png) с разными размерами. На сцене все ровно один размер. Спасибо!

Посмотри в general_CSS
Разделы типа
.panel-now .mainInfo img {
display: block;
margin: auto;
height: 160px;
padding-right: 20px;
}

Про погоду в этой сцене только это:
/* -----------------------------------------------------------------------*/
/* панель погоды */
/* -----------------------------------------------------------------------*/
.panel-weather {
box-sizing: border-box;
color: white;
background-color: rgba(0, 0, 0, 0.4);
text-shadow: 0 0 4px rgba(0, 0, 0, 0.4);

/* выше общее */
position: absolute;
/* top: 0px; */
/* right: 0px; */
width: 480px;
text-align: center;
cursor: pointer;
-moz-border-radius: 10px 0px 0px 10px;
-webkit-border-radius: 10px;
border-radius: 10px 0px 0px 10px;
}
.panel-weather .location {
background-color: rgba(0, 233, 233, 0.6);
font-size: 22px;
line-height: 1.2;
text-align: center;
font-family: arial;
font-weight: 100;
-moz-border-radius: 10px 0px 0px 0px;
-webkit-border-radius: 10px;
border-radius: 10px 0px 0px 0px;
}

.panel-weather img {
width: 96px;
margin: 10px 50px 0 0;
}
.panel-weather .temp-weather {
font-family: arial;
font-weight: 600;
display: inline-block;
vertical-align: top;
font-size: 96px;
line-height: 1.4;
}
.panel-weather .temp-weather .degree {
font-family: arial;
font-weight: 600;
font-size: 32px;
line-height: 1.4;
vertical-align: top;
}
.panel-weather .text-weather {
font-family: arial;
font-weight: 200;
font-size: 32px;
line-height: 1.4;
margin: 0 0 4px 0;
}

Такой есть в сцене погоды, а в начальной сцене2 только, что выше скинул

Это случаем не оно ?

Доброго времени суток! Подскажите пожалуйста в чем проблема?

Kulibink писал(а): Ср ноя 27, 2019 1:55 pm Доброго времени суток! Подскажите пожалуйста в чем проблема?

Зайди на сцену в редактор и настрой как надо

Kulibink писал(а): Ср ноя 27, 2019 1:55 pm Доброго времени суток! Подскажите пожалуйста в чем проблема?

Возможно надо поправить css, посмотри id этих кнопок и в general_css в начале у соответственных строчек поменяй.
Тав будет что-то типа блок анимации для кнопок function - и в них надо .element_XXX - поставить правильный ID

freesh писал(а): Ср ноя 27, 2019 3:17 pm

Kulibink писал(а): Ср ноя 27, 2019 1:55 pm Доброго времени суток! Подскажите пожалуйста в чем проблема?

Возможно надо поправить css, посмотри id этих кнопок и в general_css в начале у соответственных строчек поменяй.
Тав будет что-то типа блок анимации для кнопок function - и в них надо .element_XXX - поставить правильный ID

Поправил, сейчас все гуд. Еще вопрос как изменить иконки Погода, Маршруты и т.д.?

Kulibink писал(а): Ср ноя 27, 2019 8:14 pm

freesh писал(а): Ср ноя 27, 2019 3:17 pm

Kulibink писал(а): Ср ноя 27, 2019 1:55 pm Доброго времени суток! Подскажите пожалуйста в чем проблема?

Возможно надо поправить css, посмотри id этих кнопок и в general_css в начале у соответственных строчек поменяй.
Тав будет что-то типа блок анимации для кнопок function - и в них надо .element_XXX - поставить правильный ID

Поправил, сейчас все гуд. Еще вопрос как изменить иконки Погода, Маршруты и т.д.?

Какие иконки? которые на скрине? Ооочень нетривиально)))
На сколько я понял
Смотри в коде - <div data-page="weather" class="icon"><i class="fa fa-sun"></i><span class="title">погода</span></div>
И вот за иконку отвечает - fa-sun и sun.svg - лежит у меня в /3rdparty/fontawesome/swgs/...

Может можно как-то проще, но я не знаю)