Что-то глобально переопределяет цвета разделителя vuetify

У меня странная проблема: после обновления Vuetify с 1.1.9 до 1.2.3 все мои разделители стали намного темнее, чем были раньше, и как они есть в каждом примере в их документации.

Вот как это должно быть:

enter image description here

А это мой (думаю, разница заметна):

enter image description here

Во время проверки я смог убедиться, что цвет класса правильный:

.theme--light.v-divider {
    border-color: rgba(0,0,0,0.12);
}

И что-то, именно это заменяет цвет фона на тот же цвет, который был по какой-то причине:

.application .theme--light.v-navigation-drawer .v-divider, .application .theme--light.v-navigation-drawer:not(.v-navigation-drawer--floating) .v-navigation-drawer__border, .theme--light .v-navigation-drawer .v-divider, .theme--light .v-navigation-drawer:not(.v-navigation-drawer--floating) .v-navigation-drawer__border{background-color: rgba(0,0,0,.12));}

Отключение обоих из них в инструментах Chrome делает разделители правильным цветом.

Итак, вопрос в том, почему это происходит и что я могу сделать, чтобы это исправить? Любая помощь горячо приветствуется.

Редактировать: Я думаю, что это не связано с обновлением, потому что я откатился к более ранней версии, чтобы проверить, является ли это проблемой, но это не так.

Если это не проблема, укажите кодовый ключ (ы?). Если в документации все выглядит нормально, вероятно, вы сделали что-то другое, поэтому предоставьте больше кода.

Traxo 10.09.2018 08:32
1
1
4 902
1

Ответы 1

Самое простое решение - добавить !важный в ваш класс, и он не будет перезаписан.

.theme--light.v-divider {
    border-color: rgba(0,0,0,0.12) !important; 
}

Это не лучшее решение, но допустимое

Marat Badykov 10.09.2018 08:35

Что сработало, так это установить его на transparent вместо rgba(0,0,0,0.12)

Tarvo Mäesepp 10.09.2018 08:44

Другие вопросы по теме