Skip to content

Instantly share code, notes, and snippets.

@denisemenov
Last active June 11, 2023 18:30
Show Gist options
  • Save denisemenov/0d05ede3a56229cd5ec2111302197644 to your computer and use it in GitHub Desktop.
Save denisemenov/0d05ede3a56229cd5ec2111302197644 to your computer and use it in GitHub Desktop.
Кривые стили у Почты Яндекса
.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