Изменение положения текста дополнительной информации в виджете Dashing

У меня есть приборная панель Dashing с несколькими текстовыми виджетами. Все они имеют теги данных moreinfo. Я счел необходимым использовать довольно маленькие базовые размеры для виджетов.

Вот как выглядит виджет:

Простой виджет с бегущей строкой

Код .erb, описывающий этот виджет:

<li data-row="2" data-col="2" data-sizex="1" data-sizey="1">
<div data-id="dc-us01mtd" data-view="Text" data-moreinfo="MTD"></div>
</li>

Итак, я просто хотел бы переместить тег moreinfo вниз. Я не могу понять 2 вещи:

  1. Что создает эффект «выцветания», который можно увидеть в надписи «MTD», и можно ли его убрать?
  2. Как можно переместить текст дополнительной информации ближе к нижней части виджета или, возможно, переместить «100%» (отправленный в виджет из источника публикации) вверх? Или оба?

Я до сих пор совершенно не смог найти это. У меня мало навыков работы с .css, что, безусловно, сдерживает меня. Любые указатели или даже предложения о том, что я мог бы искать?


person Andrew    schedule 23.07.2016    source источник


Ответы (1)


Вы можете перемещать расположение элементов в css, редактируя поля элементов. Например, вы можете поставить

.more-info {
  margin-top: 20px;
}

в файле css вашего виджета. Это переместит элемент дополнительной информации на 20 пикселей вниз относительно того места, где он был.

Что касается исчезающего текста, мне нужно увидеть ваш код.

person Dallan    schedule 09.08.2016