Что-то переопределяет цвета разделителя Vuetify во всем мире - PullRequest
0 голосов
/ 10 сентября 2018

У меня странная проблема, что после обновления 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 делает правильные цвета делителей.

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

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

1 Ответ

0 голосов
/ 10 сентября 2018

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

.theme--light.v-divider {
    border-color: rgba(0,0,0,0.12) !important; 
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...