Как исправить проблему макета с вкладками браузера браузера Vivaldi? ⇐ CSS

[Anonymous]

< /p>
Итак, как я уже говорил, я пытаюсь внести CSS -модификацию пользовательского интерфейса браузера Vivaldi, чтобы исправить мои предпочтения, но вкладки не выполняются должным образом. Обратите внимание, что фиолетовая область Div.Resize может привести меня в правильном направлении, но я боролся с этим модом CSS уже несколько дней.

Код: Выделить всё

div.tab-position {
--Width: 265px !important;
--PositionX: calc(265px * var(--tab-index, 0)) !important;
flex: 0 0 265px !important;
/* Fixed width in flexbox */
display: inline-flex;
}

div.resize {
width: 100% !important;
min-width: 37% !important;
}

.tab-strip {
display: flex !important;
flex-direction: row;
flex-wrap: nowrap;
overflow-x: auto;
width: 100%;
}

.tab-position {
position: relative;
display: inline-block;
margin-right: 5px;
width: 265px !important;
min-width: 265px !important;
flex-shrink: 0;
/* Prevent shrinking */
}
< /code>
Я не слишком знаком с CSS, кроме основ (селектор, свойство, значение) и надеялся, что кто -то сможет решить эту проблему для меня. Некоторые вкладки меньше, чем я указал (265px

), и я не знаю, почему это происходит.

Подробнее здесь: https://stackoverflow.com/questions/796 ... di-browser