blocks: { id: 'navigation_bar.blocks', defaultMessage: 'Blocked users' },
mutes: { id: 'navigation_bar.mutes', defaultMessage: 'Muted users' },
info: { id: 'navigation_bar.info', defaultMessage: 'Extended information' },
+ show_me_around: { id: 'getting_started.onboarding', defaultMessage: 'Show me around' },
+ pins: { id: 'navigation_bar.pins', defaultMessage: 'Pinned toots' },
});
const mapStateToProps = state => ({
import loadPolyfills from '../mastodon/load_polyfills';
+import { processBio } from '../glitch/util/bio_metadata';
+ import ready from '../mastodon/ready';
+
+ window.addEventListener('message', e => {
+ const data = e.data || {};
+
+ if (!window.parent || data.type !== 'setHeight') {
+ return;
+ }
+
+ ready(() => {
+ window.parent.postMessage({
+ type: 'setHeight',
+ id: data.id,
+ height: document.getElementsByTagName('html')[0].scrollHeight,
+ }, '*');
+ });
+ });
function main() {
const { length } = require('stringz');
delegate(document, '.account_note', 'input', ({ target }) => {
const noteCounter = document.querySelector('.note-counter');
+
if (noteCounter) {
- noteCounter.textContent = 160 - length(target.value);
+ const noteWithoutMetadata = processBio(target.value).text;
+ noteCounter.textContent = 500 - length(noteWithoutMetadata);
}
});
border: 0;
width: 100%;
height: 100%;
+ justify-content: center;
+ position: relative;
+ text-align: center;
+ z-index: 100;
+
+ .status__content > & {
+ margin-top: 15px; // Add margin when used bare for NSFW video player
+ }
+
+ &.full-width {
+ margin-left: -68px;
+ width: calc(100% + 80px);
+ }
}
- .media-spoiler__video {
- align-items: center;
- background: $base-overlay-background;
- color: $primary-text-color;
- cursor: pointer;
- display: flex;
- flex-direction: column;
- border: 0;
- width: 100%;
- height: 100%;
- justify-content: center;
- position: relative;
- text-align: center;
- z-index: 100;
- }
-
.media-spoiler__warning {
display: block;
font-size: 14px;
background-repeat: no-repeat;
background-position: center;
cursor: pointer;
- margin-top: 8px;
+ margin-top: 15px;
position: relative;
+ width: 100%;
+
+ &.full-width {
+ margin-left: -68px;
+ width: calc(100% + 80px);
+ }
++
+ border: 0;
+ display: block;
}
.media-spoiler-video-play-icon {