mirror of
https://github.com/zulip/zulip.git
synced 2026-06-03 21:01:43 +08:00
e74eda0c39
Drop the universal h1, h2, h3, h4 selectors carried over from Bootstrap 2.3.2. Earlier commits in this series made every scoped heading rule that depended on these resets self-sufficient, so this deletion is purely a no-op for visible behavior. Removed properties were: * margin: 10px 0 (now set explicitly on .overlay-messages-header h1, .settings-header h1, .settings-section h3, .drafts-list h2 / .message-edit-history-list h2, .empty-feed-notice-title, .poll-question-header / .todo-task-list-title-header, and .group-assigned-permissions .group-permissions-section > h3) * line-height: 20px / var(--header-line-height) (now set explicitly on the same rules where it was load-bearing — overlay headers, user-profile modal h3s, folder-channels-list-header, etc.) * font-size: 38.5px/31.5px/24.5px/17.5px (overridden in every place the app actually rendered these headings; only one bare instance per overlay needed an explicit replacement, captured above) * font-weight: bold (matches the user-agent default for h1-h6 — no replacement needed; .light's 'font-weight: 300' override now competes only with the UA default, preserving its current effect) * color: inherit, font-family: inherit, text-rendering: optimizelegibility (no-ops vs. UA defaults; no replacement needed) The .alert h4 rules at the bottom of the file are part of the alert component, not the heading reset, and remain in place. The --header-line-height variable in app_variables.css is still used by modal.css (height: calc(100% - var(--header-line-height))) and by several of the explicit replacements above, so it stays. Verified with a Puppeteer-based computed-style sweep: settings overlay (Account, Notifications, Preferences, Org permissions, Org profile), drafts and scheduled-messages overlay headers, and the empty-feed notice all render identical font-size, line-height, margin, font-weight, and bounding-box dimensions before and after this series.
110 lines
1.9 KiB
CSS
110 lines
1.9 KiB
CSS
/*!
|
|
* Bootstrap v2.3.2
|
|
*
|
|
* Copyright 2012 Twitter, Inc
|
|
* Licensed under the Apache License v2.0
|
|
* http://www.apache.org/licenses/LICENSE-2.0
|
|
*
|
|
* Designed and built with all the love in the world @twitter by @mdo and @fat.
|
|
*/
|
|
a:focus {
|
|
outline: thin dotted #333;
|
|
outline: 5px auto -webkit-focus-ring-color;
|
|
outline-offset: -2px;
|
|
}
|
|
a:hover,
|
|
a:active {
|
|
outline: 0;
|
|
}
|
|
img {
|
|
/* Responsive images (ensure images don't scale beyond their parents) */
|
|
|
|
max-width: 100%;
|
|
/* Part 1: Set a maximum relative to the parent */
|
|
|
|
height: auto;
|
|
/* Part 2: Scale the height according to the width, otherwise you get stretching */
|
|
|
|
vertical-align: middle;
|
|
border: 0;
|
|
}
|
|
button {
|
|
-webkit-appearance: button;
|
|
}
|
|
p {
|
|
margin: 0 0 10px;
|
|
}
|
|
ul,
|
|
ol {
|
|
padding: 0;
|
|
margin: 0 0 10px 25px;
|
|
}
|
|
ul ul,
|
|
ul ol,
|
|
ol ol,
|
|
ol ul {
|
|
margin-bottom: 0;
|
|
}
|
|
hr {
|
|
margin: 20px 0;
|
|
border: 0;
|
|
border-top: 1px solid #eeeeee;
|
|
border-bottom: 1px solid #ffffff;
|
|
}
|
|
form {
|
|
margin: 0 0 20px;
|
|
}
|
|
label {
|
|
display: block;
|
|
margin-bottom: 5px;
|
|
}
|
|
input[disabled],
|
|
input[readonly] {
|
|
cursor: not-allowed;
|
|
background-color: #eeeeee;
|
|
}
|
|
input:focus:invalid {
|
|
color: #b94a48;
|
|
border-color: #ee5f5b;
|
|
}
|
|
input:focus:invalid:focus {
|
|
border-color: #e9322d;
|
|
-webkit-box-shadow: 0 0 6px #f8b9b7;
|
|
-moz-box-shadow: 0 0 6px #f8b9b7;
|
|
box-shadow: 0 0 6px #f8b9b7;
|
|
}
|
|
|
|
/* Bootstrap alert CSS rules that have not been replaced with our own
|
|
designs. */
|
|
|
|
.alert {
|
|
padding: 8px 35px 8px 14px;
|
|
margin-bottom: 20px;
|
|
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
|
|
background-color: #fcf8e3;
|
|
border: 1px solid #fbeed5;
|
|
-webkit-border-radius: 4px;
|
|
-moz-border-radius: 4px;
|
|
border-radius: 4px;
|
|
}
|
|
.alert.alert-error {
|
|
background-color: #f2dede;
|
|
border-color: #eed3d7;
|
|
color: #b94a48;
|
|
}
|
|
.alert.alert-success {
|
|
background-color: #dff0d8;
|
|
border-color: #d6e9c6;
|
|
color: #468847;
|
|
}
|
|
.alert.alert-success h4 {
|
|
color: #468847;
|
|
}
|
|
.alert,
|
|
.alert h4 {
|
|
color: #c09853;
|
|
}
|
|
.alert h4 {
|
|
margin: 0;
|
|
}
|