Last active
June 11, 2023 18:30
-
-
Save denisemenov/0d05ede3a56229cd5ec2111302197644 to your computer and use it in GitHub Desktop.
Кривые стили у Почты Яндекса
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
.mail-Layout_3pane .mail-Layout-Container { | |
bottom: 10px; | |
// Сделайте отступ, а? По бокам и в сверху отсуп есть, а снизу прилип к краю. | |
// Всегда такое ощущение, что не доскроллил и снизу что-то есть. | |
} | |
.mail-Layout_3pane .mail-Layout-Aside-Inner { | |
margin: 0 -2px; | |
// Ну, или: -2px -2px 0, если хотите сохранить отступ между Написать и Входящие | |
// Хотя как по мне так он вообще должен быть -6px, | |
// тогда хоть какая-то логика в маржинах прослеживается между выделенными блоками и кнопками. | |
// Но margin-bottom: 0 точно нужен, чтобы ваша реклама не вылезала за .mail-Layout-Container. | |
} | |
.mail-App-Advanced-Search .mail-Layout-Panes { | |
min-height: calc(100% - 137px); | |
// Это условие для Advanced-Search или App-Search. | |
// Не знаю, что именно у вас там лучше указать из этих классов, | |
// но именно из-за этого поиска и уходит весь контент ниже - .mail-Layout-Panes { min-height: calc(100% - 99px)} | |
// У вас вместо 137px сохраняется значение 99px при том, что App-Advanced-Search занял место. | |
// Это не говоря про то, что там вообще вместо 99px должно быть 91px без Advanced-Search bar, | |
// ведь у вас без поискового бара для .mail-Layout-Panes стоит top: 91px, а не 99px. | |
} | |
// Этот баг с вёрсткой у вас во всех режимах: и в .mail-Layout-Panes_2pane и в .mail-Layout-Panes_3pane-horizontal и vertical | |
// Браузеры Chrome и Edge. Сброшены до дефолтных настроек или в режиме инкогнито без расширений и со сброшенными всевозможными кэшами |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment