Замена изображения SVG на странице входа в систему с апострофом - PullRequest
Новая
       9

Замена изображения SVG на странице входа в систему с апострофом

0 голосов
/ 18 марта 2019

Как заменить логотип апостроф на странице входа?Я проследил стиль до открытого файла / modules / apostrophe-login / css / always.less.Когда я пытаюсь установить фон, логотип апостроф находится сверху изображения, которое я пытаюсь использовать.Я ищу способ переопределить это изображение.Ниже приведен код моей последней попытки. 

.apos-login-logo
{
  text-align: center;
  margin-bottom: @apos-margin-5;
  svg { background: url('/images/el_logo.svg'); width: 84px; height: 84px;  }

}

1 Ответ

1 голос
/ 19 марта 2019

Этот логотип включается в интерфейс входа здесь: 

node_modules/apostrophe/lib/modules/apostrophe-login/views/loginBase.html
        ...
    <div class="apos-login-content">
    <div class="apos-login-logo">{% block logo %}{% include "apostrophe-admin-bar:logo.html" %}{% endblock %}</div>
    <div class="apos-ui apos-login">
        ...

Таким образом, вы можете принять решение о включении другого html-файла, в котором содержится ваш логотип, или изменить logo.html в: 

node_modules/apostrophe/lib/modules/apostrophe-admin-bar/views/logo.html

Итак, вы копируете один из этих файлов в папку lib вашего проекта. Они автоматически загружаются и отправляются в браузер как my-apostrophe-login или my-apostrophe-admin-bar и переопределяют элементы в node_modules.

Так должно быть, например, так: 

your_project/lib/modules/apostrophe-admin-bar/views/logo.html
...