font-family: sans-serif;
}
+.blerg-post .toolbar {
+ height: 54px;
+ overflow: hidden;
+}
+
.blerg-post .toolbar .switcher {
color: black;
background-color: white;
- height: 53px;
- padding: 12pt 8pt 4pt 12pt;
+ padding: 12pt 8pt 2px 12pt;
}
.blerg-post .toolbar .buttons {
- height: 53px;
- padding: 0 12pt 0 60px;
+ padding: 0 12pt 12pt 60px;
text-align: right;
vertical-align: top;
+ float: right;
+ background-color: #1E1E1E;
background-image: url(/images/corner.svg);
background-position: left bottom;
background-repeat: no-repeat;
border: none;
background-color: inherit;
}
+
.latest-scroller {
height: auto;
padding: 0;
}
}
+@media screen and (max-width: 600px) {
+ .blerg-post {
+ position: inherit;
+ height: 550px;
+ }
+
+ .blerg-post .toolbar {
+ height: auto;
+ }
+
+ .blerg-post .toolbar .buttons {
+ float: none;
+ background-image: none;
+ }
+
+ .blerg-post .toolbar .switcher {
+ padding: 4pt 12pt;
+ }
+
+ .blerg-post .record {
+ margin-top: 0;
+ }
+
+ .blerg-post .record p:first-child {
+ margin-top: 0;
+ }
+
+ .blerg-post.enter {
+ animation: none;
+ }
+
+ .blerg-post.exit {
+ animation: none;
+ }
+}
+
.author {
font-weight: bold;
}
{kind: "onyx.InputDecorator", alwaysLooksFocused: true, classes: "content-decorator", fit: true, components: [
{name: "postContent", kind: "onyx.TextArea", classes: "content", onkeyup: "updatePreview", attributes: {tabindex: 4}}
]},
- {name: "toolbar", kind: "FittableColumns", classes: "toolbar", components: [
+ {name: "toolbar", classes: "toolbar", components: [
+ {classes: "buttons", fit: true, components: [
+ {name: "loginReminder", tag: "span", classes: "blerg-error", style: "margin-right: 8px", content: "You must log in before posting."},
+ {kind: "onyx.Button", content: "Close", onclick: "closePost", classes: "onyx-negative", attributes: {tabindex: 6}},
+ {name: "postButton", kind: "onyx.Button", content: "Post", onclick: "doPost", classes: "onyx-affirmative", disabled: true, attributes: {tabindex: 5}}
+ ]},
{classes: "switcher", components: [
{kind: "onyx.RadioGroup", onActivate: "switchBottomPanel", components: [
{name: "replyButton", content: "Replying to", showing: false},
{name: "previewButton", content: "Preview"},
{content: "Help"}
]}
- ]},
- {classes: "buttons", fit: true, components: [
- {name: "loginReminder", tag: "span", classes: "blerg-error", style: "margin-right: 8px", content: "You must log in before posting."},
- {kind: "onyx.Button", content: "Close", onclick: "closePost", classes: "onyx-negative", attributes: {tabindex: 6}},
- {name: "postButton", kind: "onyx.Button", content: "Post", onclick: "doPost", classes: "onyx-affirmative", disabled: true, attributes: {tabindex: 5}}
- ]},
+ ]}
]},
{name: "bottomPanel", kind: "Panels", classes: "bottom-panel", draggable: false, fit: true, components: [
{kind: "Scroller", components: [