mirror of
https://github.com/discourse/discourse.git
synced 2025-02-26 02:28:40 +08:00
d9a02d1336
This reverts commit 20780a1eeed56b321daf18ee6bbfe681a51d1bf4. * SECURITY: re-adds accidentally reverted commit: 03d26cd6: ensure embed_url contains valid http(s) uri * when the merge commit e62a85cf was reverted, git chose the 2660c2e2 parent to land on instead of the 03d26cd6 parent (which contains security fixes)
145 lines
2.5 KiB
SCSS
145 lines
2.5 KiB
SCSS
// Mobile
|
|
// global styles that apply to the Discourse application specifically
|
|
// BEWARE: changing these styles implies they take effect anywhere they are seen
|
|
// throughout the Discourse application
|
|
|
|
// Base Elements
|
|
|
|
body {
|
|
background-color: $secondary;
|
|
}
|
|
|
|
.ios-device {
|
|
textarea {
|
|
background-color: $secondary;
|
|
font-size: $font-size-ios-input;
|
|
}
|
|
|
|
input {
|
|
&[type="text"],
|
|
&[type="password"],
|
|
&[type="datetime"],
|
|
&[type="datetime-local"],
|
|
&[type="date"],
|
|
&[type="month"],
|
|
&[type="time"],
|
|
&[type="week"],
|
|
&[type="number"],
|
|
&[type="email"],
|
|
&[type="url"],
|
|
&[type="search"],
|
|
&[type="tel"],
|
|
&[type="color"] {
|
|
font-size: $font-size-ios-input;
|
|
}
|
|
}
|
|
}
|
|
|
|
blockquote {
|
|
/* 13px left is intentional here to properly align with post quotes */
|
|
padding: 10px 8px 10px 13px;
|
|
|
|
p {
|
|
margin: 0 0 10px 0;
|
|
|
|
&:last-of-type {
|
|
margin-bottom: 0;
|
|
}
|
|
}
|
|
}
|
|
|
|
// Common classes
|
|
.wrap {
|
|
padding: 0 10px;
|
|
}
|
|
|
|
.boxed {
|
|
.contents {
|
|
padding: 10px 0 0 0;
|
|
}
|
|
}
|
|
|
|
.control-group {
|
|
margin-bottom: 9px;
|
|
}
|
|
|
|
.mobile-nav {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
overflow: visible;
|
|
position: relative;
|
|
border: 1px solid $primary-medium;
|
|
// Prevents the dropdowns from collapsing while content loads, so they look more like placeholders and less like dark 2px lines
|
|
min-height: 37px;
|
|
|
|
a {
|
|
color: $primary;
|
|
.d-icon {
|
|
margin-right: 0.25em;
|
|
color: $primary-medium;
|
|
}
|
|
}
|
|
|
|
> li > a {
|
|
display: flex;
|
|
align-items: center;
|
|
padding: 8px 10px;
|
|
height: 100%;
|
|
width: 100%;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.expander > .d-icon {
|
|
&:last-of-type {
|
|
margin-left: auto;
|
|
margin-right: 0;
|
|
}
|
|
}
|
|
|
|
.drop {
|
|
display: none;
|
|
&.expanded {
|
|
left: 0;
|
|
display: block;
|
|
position: absolute;
|
|
z-index: z("dropdown");
|
|
background-color: $secondary;
|
|
width: 100%;
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 5px;
|
|
border: 1px solid $primary-low;
|
|
box-sizing: border-box;
|
|
|
|
li {
|
|
margin: 5px 0;
|
|
padding: 0;
|
|
|
|
a {
|
|
height: 100%;
|
|
display: block;
|
|
padding: 5px 8px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.form-vertical {
|
|
.control-group {
|
|
margin-bottom: 12px;
|
|
}
|
|
}
|
|
|
|
// Special elements
|
|
#main {
|
|
position: relative;
|
|
}
|
|
|
|
// Styles used before the user is logged into discourse. For example, activating
|
|
// their account or changing their email.
|
|
#simple-container {
|
|
width: 90%;
|
|
}
|