outline: none;
overflow: auto;
+ * {
+ // setting min-width to "0" inside contenteditable causes
+ // IE11 to do all sort of funny things
+ min-width: auto;
+ }
+
+ &.redactor-placeholder::after {
+ color: $wcfContentDimmedText;
+ content: attr(placeholder);
+ display: block;
+ position: absolute;
+ }
+
& + textarea {
border-width: 0;
box-shadow: none;
// enforce styles used in messages
@extend .htmlContent;
+ > :not(p) {
+ &:first-child {
+ margin-top: 10px !important;
+ }
+
+ &:last-child {
+ margin-bottom: 20px !important;
+ }
+ }
+
// remove margin top for the first paragraph in the editor to avoid a weird looking offset a the top
> p:first-child {
margin-top: 0;
vertical-align: top;
}
}
-
- .TODO_codeBox {
- overflow: hidden;
- position: relative;
-
- .redactorEditCodeBox {
- background-color: rgba(255, 255, 255, .8);
- bottom: 0;
- left: 0;
- opacity: 0;
- position: absolute;
- right: 0;
- text-align: center;
- top: 0;
- transition: opacity .12s linear;
- z-index: 200;
-
- > div {
- cursor: pointer;
- left: 50%;
- padding: 1em 3em;
- position: absolute;
- top: 50%;
- transform: translate(-50%, -50%);
- }
- }
-
- &:hover .redactorEditCodeBox {
- opacity: 1;
- }
-
- ol {
- margin-bottom: 0;
- margin-top: 0;
- }
- }
-
- &.TODO_msie .quoteBox {
- /* resets 'hasLayout' causing IE to display resize handle and wonky editing behavior */
- min-height: 0;
- }
}
.redactor-dropdown {
}
/* disable auto zoom in mobile safari */
-@include screen-sm-down {
- .redactor-editor + textarea {
+@include screen-md-down {
+ .redactor-editor {
font-size: 16px;
max-height: 500px;
}
flex: 0 0 auto;
margin-bottom: 1px;
- &.redactor-toolbar-separator {
- margin-left: 11px;
- position: relative;
-
- &::before {
- bottom: 7px;
- border-left: 1px solid $wcfHeaderMenuLink;
- content: "";
- left: -6px;
- opacity: .6;
- position: absolute;
- top: 7px;
- }
- }
-
> a {
color: $wcfHeaderMenuLink;
display: block;
cursor: default;
}
- &:hover,
&.redactor-act,
&.dropact {
background-color: $wcfHeaderMenuLinkBackgroundActive;
color: inherit;
cursor: inherit !important;
}
+
+ @include screen-lg {
+ // hover-styles on mobile are misleading as they stay much longer
+ // due to the click-like behavior
+ &:hover {
+ background-color: $wcfHeaderMenuLinkBackgroundActive;
+ color: $wcfHeaderMenuLinkActive;
+ }
+ }
+ }
+
+ @include screen-sm-up {
+ &.redactor-toolbar-separator {
+ margin-left: 11px;
+ position: relative;
+
+ &::before {
+ bottom: 7px;
+ border-left: 1px solid $wcfHeaderMenuLink;
+ content: "";
+ left: -6px;
+ opacity: .6;
+ position: absolute;
+ top: 7px;
+ }
+ }
+ }
+
+ @include screen-xs {
+ &[data-show-on-mobile="false"] {
+ display: none;
+ }
}
}
}
}
/* font size */
-.woltlab-size-8 { font-size: 8px; }
-.woltlab-size-10 { font-size: 10px; }
-.woltlab-size-12 { font-size: 12px; }
-.woltlab-size-14 { font-size: 14px; }
-.woltlab-size-18 { font-size: 18px; }
-.woltlab-size-24 { font-size: 24px; }
-.woltlab-size-36 { font-size: 36px; }
+.woltlab-size-8 { font-size: 8pt; }
+.woltlab-size-10 { font-size: 10pt; }
+.woltlab-size-12 { font-size: 12pt; }
+.woltlab-size-14 { font-size: 14pt; }
+.woltlab-size-18 { font-size: 18pt; }
+.woltlab-size-24 { font-size: 24pt; }
+.woltlab-size-36 { font-size: 36pt; }
/* image float */
.messageFloatObjectLeft {
float: right;
margin: 0 0 20px 20px;
}
+
+.smiley {
+ margin: 0 1px;
+}