# Den Tröt Button zurückbekommen

**URL:** https://forum.fedimins.net/t/den-troet-button-zurueckbekommen/58
**Category:** Development & Customization
**Tags:** mastodon, tutorial
**Created:** [4. April 2023 um 17:41 UTC](https://forum.fedimins.net/t/den-troet-button-zurueckbekommen/58 "2023-04-04T17:41:58Z")
**Posts on this page:** 2
**Page:** 1

<div class="post-metadata">

### Author: ![Tealk](https://forum.fedimins.net/user_avatar/forum.fedimins.net/tealk/32/5_2.png) [@Tealk](https://forum.fedimins.net/u/Tealk)
#### Post date: [4. April 2023 um 17:41 UTC](https://forum.fedimins.net/t/den-troet-button-zurueckbekommen/58/1 "2023-04-04T17:41:58Z")

</div>

Wenn ihr auch den Tröt bzw. Toot Button vermisst, könnt ihr ihn auf folgende weise wieder zurückbekommen.
## 1 Zum Benutzer mastodon wechseln

```auto
su - mastodon

```

## 2 zum Mastodon-Stammverzeichnis wechseln

```auto
cd /home/mastodon/live

```

## 3 Sprachvariablen austauschen

Ändern von Veröffentlichen zu Tröt und Publish zu Toot.

```auto
sed -in s/Veröffentlichen/Tröt/g app/javascript/mastodon/locales/*json
sed -in s/Publish/Toot/g app/javascript/mastodon/locales/*json

```

## 4 Dummy Datei erstellen

Damit wir später den Prozess zum Kompilieren starten können, erstellen wir eine dummy Datei, die Kompiliert werden muss.

```auto
touch app/javascript/styles/dummy.scss

```

Prinzipiell ist es egal ob ihr eine Datei anlegt oder eine bestehende Bearbeitet, wichtig ist nur eine änderung einer scss Datei.

## 5 Kompilieren

Wir führen den Befehl zum Kompilieren aus damit die Sprachvariablen für die webausgabe bereit zu machen. Durch die änderung im `styles/*.scss` wird der Prozess auch ausgeführt.

```auto
RAILS_ENV=production bundle exec rails assets:precompile

```

## 6 Webprozess neu laden

Damit die Änderungen angezeigt werden, müssen wir den Webprozess neu laden

```auto
systemctl reload mastodon-web

```

---

<div class="post-metadata">

### Author: ![nichu42](https://forum.fedimins.net/user_avatar/forum.fedimins.net/nichu42/32/9_2.png) [@nichu42](https://forum.fedimins.net/u/nichu42)
#### Post date: [6. April 2023 um 12:14 UTC](https://forum.fedimins.net/t/den-troet-button-zurueckbekommen/58/2 "2023-04-06T12:14:16Z")

</div>

Für eine Sprache reichen einige Zeilen Custom CSS:

```css
.compose-form__publish-button-wrapper button {
  color: rgba(255,255,255,0);
}

.compose-form__publish-button-wrapper button::before {
  content: "Tröt!";
  position: absolute;
  top: 50%;
  left: 50%;
  color: rgba(255,255,255,1);
  transform: translate3d(-50%, -50%, 0);
}

```