Forum-Update Sommer 2019

Berrrnd · 21. Juni 2019

DAKAY schrieb:
Is klar, würde die gelesenen aber gerne ausblenden, so wie bisher.

oben links auf neue beiträge und dann oben rechts auf den filter.

Anzeige

Schau mal hier:
Forum-Update Sommer 2019 .

everywhere.local · 21. Juni 2019

sp00n82 schrieb:

Und Version 2 des Darkmodes mit ein paar Verbesserungen und fehlenden Elementen.

Code:

/**
* Dark mode
*/
:root {
    --dark-background-main: #333334;
    --dark-background-dark: #2D2D2D;
    --dark-background-darker: #202020;
    --dark-background-light: #515151;
    --dark-background-lighter: #747474;
    --dark-border-color: #757575;
    --dark-border-color-light: #888888;
    --dark-border-color-code: #9b6a21;
    --dark-text-color-main: #eaeaea;
    --dark-text-color-header: #8c8c8c;
    --dark-text-color-code-title: #ffb74b;
    --dark-text-color-dark: #000000;
    --dark-text-color-light: #777777;
    --dark-link-color-default: #82BCE6;
}

/* Main color for the links */
a {
    color: var(--dark-link-color-default);
}

/* The title text of the current post */
.p-title-value {
    color: var(--dark-text-color-code-title);
}


/* The background color of the container surrounding the posts */
.p-body-inner {
    background-color: var(--dark-background-main);
}


/* General block messages */
.block-container {
    color: var(--dark-text-color-main);
    border-color: var(--dark-border-color);
    background-color: var(--dark-background-main);
}

.blockMessage {
    color: var(--dark-text-color-main);
    background-color: var(--dark-background-main);
    border-color: var(--dark-border-color);
}

.block-footer {
    background: linear-gradient(180deg, var(--dark-background-dark), var(--dark-background-main));
    border-color: var(--dark-border-color);
}

.contentRow-fader {
    background: linear-gradient(180deg, var(--dark-background-dark), var(--dark-background-main));
}

.block-row.block-row--clickable:focus,
.block-row.block-row--clickable:hover {
    background-color: var(--dark-background-light);
}

/* This is used e.g. for the search results */
.block-row.block-row--separated,
.block-row.block-row--separated + .block-row {
    background-color: var(--dark-background-darker);
    border-color: var(--dark-border-color);
}

/* Notices Overview */
.block-row.block-row--alt {
    color: var(--dark-text-color-main);
}

/* The settings left menu */
.blockLink:hover,
.blockLink.is-selected {
    background-color: var(--dark-background-lighter);
    color: var(--dark-text-color-main);
}


/* Thread block */
.structItem {
    background-color: var(--dark-background-darker);
    border-color: var(--dark-border-color);
}

/* Page links on hover */
.structItem:hover .structItem-pageJump a,
.has-touchevents .structItem-pageJump a {
    background: var(--dark-background-lighter);
    color: var(--dark-text-color-main);
}


/* Post container */
.block--messages .message,
.block--messages .block-row {
    color: var(--dark-text-color-main);
    background-color: var(--dark-background-dark);
    border-color: var(--dark-border-color);
}

/* Post user column */
.message-cell.message-cell--user,
.message-cell.message-cell--action {
    background-color: var(--dark-background-darker);
    border-right-color: var(--dark-border-color);
}

/* The arrow pointing to the user column */
.message-userArrow,
.message-userArrow::after {
    border-right-color: var(--dark-border-color);
}


/* Post header */
.message-attribution {
    color: var(--dark-text-color-header);
    border-bottom-color: var(--dark-border-color);
}

/* Code blocks and quotes */
.bbCodeBlock {
    background-color: var(--dark-background-darker);
    border-color: var(--dark-border-color);
    border-left-color: var(--dark-border-color-code);
}

/* Code block title */
.bbCodeBlock-title {
    color: var(--dark-text-color-code-title);
    background-color: var(--dark-background-light);
}

/* Signature */
.message-signature {
    border-color: var(--dark-border-color);
    color: #8c8c8c;
}

/* Reactions bar (likes, etc) */
.reactionsBar {
    background-color: var(--dark-background-darker);
    border-color: var(--dark-border-color);
}

.reactionsBar .reactionSummary > li,
.message-responseRow .reactionSummary > li {
    background: transparent;
    margin-left: 1px;
}


/* Tooltips */
.tooltip--bookmark .tooltip-content,
.tooltip--member .tooltip-content,
.tooltip--share .tooltip-content {
    background-color: var(--dark-background-darker);
    border-color: var(--dark-border-color);
}

.memberTooltip-header {
    background-color: var(--dark-background-dark);
    color: var(--dark-text-color-main);
}

.memberTooltip-name a {
    color: var(--dark-text-color-code-title);
}

.tooltip--bookmark .tooltip-content,
.tooltip--member .tooltip-content,
.tooltip--share .tooltip-content {
    color: var(--dark-text-color-main);
}

/* This is the tooltip for likes, etc */
.tooltip--reaction .tooltip-content {
    background-color: var(--dark-background-darker);
    border-color: var(--dark-border-color);
}


/* Special user banner */
.userBanner.userBanner--staff,
.userBanner.userBanner--primary {
    background-color: var(--dark-background-main);
    border-color: var(--dark-border-color-code);
}


/* Quick reply tool bar */
.fr-toolbar {
    background-color: var(--dark-background-light);
    border-color: var(--dark-border-color);
    border-top-color: var(--dark-link-color-default);
}

/* Buttons in the tool bar */
.fr-toolbar .fr-command.fr-btn,
.fr-popup .fr-command.fr-btn {
    color: var(--dark-text-color-dark);
}

/* Disabled buttons */
.fr-toolbar .fr-command.fr-btn.fr-disabled,
.fr-popup .fr-command.fr-btn.fr-disabled {
    color: var(--dark-text-color-light);
}

/* Borders between buttons */
.fr-separator {
    background-color: var(--dark-border-color);
}

.fr-popup {
    background-color: var(--dark-background-main);
}

.fr-popup .fr-input-line input[type="text"],
.fr-popup .fr-input-line textarea {
    background-color: var(--dark-background-lighter);
    border-color: var(--dark-border-color-light);
}

.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper {
    background-color: var(--dark-background-main);
    color: var(--dark-text-color-main);
}

/* Quick reply text box */
.fr-box.fr-basic .fr-wrapper {
    background-color: var(--dark-background-darker);
    border-color: var(--dark-border-color);
}

/* When switching to BBCode */
.message-editorWrapper .fr-box.bbWrapper textarea.input {
    background-color: var(--dark-background-darker);
    color: var(--dark-text-color-main);
}

/* The text color in the answer box */
.fr-box.fr-basic .fr-element {
    color: var(--dark-text-color-main);
}

/* Shortened quote box */
.bbCodeBlock-expandLink {
    background: linear-gradient(to bottom, rgba(50, 50, 50, 0) 0%, var(--dark-background-main) 80%);
}

/* Inline Preview */
.bbCodePreview-content {
    color: var(--dark-text-color-main);
}


/* Paginations */
.pageNav-jump {
    background: var(--dark-background-darker);
    border-color: var(--dark-border-color);
    color: var(--dark-link-color-default);
}

.pageNav-jump:hover,
.pageNav-jump:active {
    background: var(--dark-background-lighter);
    color: var(--dark-text-color-dark);
}

.pageNav-page {
    background: var(--dark-background-darker);
    border-color: var(--dark-border-color) !important; /* Needs to be important or the middle borders display wrong */
    color: var(--dark-link-color-default);
}

.pageNav-page:hover,
.pageNav-page:active {
    background: var(--dark-background-lighter);
    color: var(--dark-text-color-dark);
}

.pageNav-page.pageNav-page--current {
    background: var(--dark-text-color-code-title);
    color: var(--dark-text-color-dark);
}


/* Button links */
.button.button--link,
a.button.button--link {
    background: var(--dark-background-darker);
    border-color: var(--dark-border-color);
    color: var(--dark-link-color-default);   
}

.button.button--link:hover,
.button.button--link:focus,
.button.button--link:active,
a.button.button--link:hover,
a.button.button--link:focus,
a.button.button--link:active {
    background: var(--dark-background-lighter);
    color: var(--dark-text-color-dark);
}


/* Tabs */
.tabs--standalone {
    background: var(--dark-background-dark);
    border-color: var(--dark-border-color);
}

.block-minorTabHeader {
    background: var(--dark-background-dark);
    border-color: var(--dark-border-color);   
}

/* Overlay menus */
.menu-tabHeader {
    background: var(--dark-background-main);
}

.menu-content {
    background-color: var(--dark-background-main);
    color: var(--dark-text-color-main);
}

.menu-header {
    background: var(--dark-background-darker);
    color: var(--dark-text-color-code-title);
    border-bottom-color: var(--dark-border-color);
}

.menu-footer {
    background: var(--dark-background-main);
    border-top-color: var(--dark-border-color);
}

/* New notification entries */
.menu-row.menu-row--highlighted {
    background: var(--dark-background-light);
    color: var(--dark-text-color-main);
}

/* Old notification entries */
.menu-row.menu-row--alt {
    background: var(--dark-background-main);
    color: var(--dark-text-color-main);
}

.menu-row.menu-row--clickable:hover {
    background: var(--dark-background-main);
}

.menu-row.menu-row--separated + .menu-row {
    border-top-color: var(--dark-border-color);
}

/* Settings overlay links */
.menu-linkRow {
    color: var(--dark-text-color-main);
}

.menu-linkRow.is-selected,
.menu-linkRow:hover,
.menu-linkRow:focus {
    color: var(--dark-text-color-main);
}

/* Extra styles for the smiley overlay */
.menu--emoji .menu-header {
    background: var(--dark-background-main);
    border-color: var(--dark-border-color);
}


/* More overlays */
.overlay {
    border-color: var(--dark-border-color);
}

.overlay-title {
    background: linear-gradient(0deg, var(--dark-background-main), var(--dark-background-dark));
}

.overlay-content {
    background-color: var(--dark-background-light);
}

/* Overwrite the general block message style */
.overlay-content .blockMessage {
    background-color: var(--dark-background-light);
}


/* Input fields */
.input {
    background-color: var(--dark-background-lighter);
    border-color: var(--dark-border-color-light);
}

.input:focus,
.input.is-focused {
    background-color: var(--dark-background-lighter);
}

.input::placeholder {
    color: rgba(0, 0, 0, 0.8);
}

.input:focus::placeholder,
.input.is-focused::placeholder {
    color: rgba(0, 0, 0, 0.8);
}

.inputGroup.inputGroup--joined .inputGroup-text {
    background-color: var(--dark-background-light);
    color: var(--dark-link-color-default);
    border-color: var(--dark-border-color-light);
}

.inputGroup.inputGroup--joined .input + .inputGroup-text,
.inputGroup.inputGroup--joined .input + .input,
.inputGroup.inputGroup--joined .inputGroup-text + .input {
    border-left-color: var(--dark-border-color-light);
}


/* Used e.g. for the settings left row */
.formRow > dt {
    background-color: var(--dark-background-darker);
}

/* And the bottom bar */
.formSubmitRow-bar {
    background-color: var(--dark-background-darker);
}


/* User profile */
.memberHeader-main {
    background-color: var(--dark-background-darker);
}

.memberHeader-name {
    color: var(--dark-text-color-code-title);
}

.message-responseRow {
    background-color: var(--dark-background-darker);
    border-color: var(--dark-border-color);
}

.memberOverviewBlock-seeMore {
    background-color: var(--dark-background-darker);
    border-color: var(--dark-border-color);
}


/* Private message receipient */
.select2 .select2-selection ul > li.select2-selection__choice {
    background-color: var(--dark-background-darker);
    border-color: var(--dark-border-color);
    color: var(--dark-text-color-code-title);
}

/* Error message when no recipient is there */
.select2-results__options {
    background-color: var(--dark-background-light);
    border-color: var(--dark-border-color);
    color: var(--dark-text-color-main);
}

danke, mann

MTB-News.de

f_t_l · 21. Juni 2019

Bei der Video-Einbindung ist mir aufgefallen:

Über die Paste&Copy-URL der MTB-News-Videos gibt es eine Fehlermeldung.

Beim manuellen Einfügen im Forum erscheint kein Video-Frame, sondern nur der Link in die Video-Abteilung.

roliK · 21. Juni 2019

Gibts eigentlich auch eine Einbettung für Pinkbike-Videos? Oder will man das nicht, weils ja die Konkurrenz ist?

Becak · 21. Juni 2019

Ah, der Umbau ist erfolgt. Wo sind die "beobachteten Foren" geblieben?

Marcus · 21. Juni 2019

Bejak schrieb:
Ah, der Umbau ist erfolgt. Wo sind die "beobachteten Foren" geblieben?

Wurde in diesem Thema schon mindestens 3x erklärt :-)

Aldar · 21. Juni 2019

Liegt es am Forum oder an meinem Handy das man Bilder nicht mehr über Whats App teilen kann?
Bilder die als Anhang im Post verfügbar sind gehen der Rest nicht.

Marcus · 21. Juni 2019

f_t_l schrieb:
Bei der Video-Einbindung ist mir aufgefallen:

Über die Paste&Copy-URL der MTB-News-Videos gibt es eine Fehlermeldung.

Danke für den Hinweis, geht jetzt:

Deleted 344631 · 21. Juni 2019

Ich schleim mal ne Runde.

Nach anfänglicher Ablehnung gefällt mir das neue Design ganz gut.

Habt ihr ganz prima fein gemacht :daumen:

Wenn ihr noch einen Filter einbauen könntet, mit dem ich alle anderen User ausblenden kann, sozusagen Ignore all perfekt.

Apollon · 21. Juni 2019

k_star schrieb:
oben links auf neue beiträge und dann oben rechts auf den filter.

Das geht bei "neue Beiträge", jedoch nicht bei "Beobachtete Themen"

Gefahradler · 21. Juni 2019

Schade, dass es die Bike-der-Woche Buttons im Profil nicht mehr gibt...

MTB-News.de

freigeist · 21. Juni 2019

gefällt mir soweit. habt nen guten Job gemacht . Ein DarkMode wäre natürlich klasse :bier:

Marcus · 21. Juni 2019

migges schrieb:
Ich kann mich bei E-mtb nicht mehr anmelden,hier klappts wie gewohnt.

migges schrieb:
Muss ich was ändern?

Hi,

nein, musst du nicht. Es sollte jetzt wieder klappen!

Viele Grüße

rik

Marcus · 21. Juni 2019

Gefahradler schrieb:
Schade, dass es die Bike-der-Woche Buttons im Profil nicht mehr gibt...

Kommt wieder. Geduld.

everywhere.local · 21. Juni 2019

Hazelnoot schrieb:
Wenn ihr noch einen Filter einbauen könntet, mit dem ich alle anderen User ausblenden kann, sozusagen Ignore all perfekt.

einfach abmelden und deine "Qualitätsposts" ins Word hämmern. :daumen:

migges · 21. Juni 2019

Danke dir.und ja es geht wieder.

Marcus · 21. Juni 2019

Hazelnoot schrieb:
Wenn ihr noch einen Filter einbauen könntet, mit dem ich alle anderen User ausblenden kann, sozusagen Ignore all perfekt.

Ich kann dir einen Filter bauen, mit dem alle anderen User dich ausgeblendet haben. Sag einfach Bescheid.

MTB-News.de

slowbeat · 21. Juni 2019

everywhere.local schrieb:
einfach abmelden und deine "Qualitätsposts" ins Word hämmern.

Aber bitte nicht speichern

Mehrsau · 21. Juni 2019

Ich finde die Punkte für die Reaktionen relativ irrelevant unter dem Namen und Avatar. Interessanter und ein wenig weniger irrelevant wären da die Beiträge die der User bereits gepostet hat.

4mate · 21. Juni 2019

Apollon schrieb:
Das geht bei "neue Beiträge", jedoch nicht bei "Beobachtete Themen"

Deleted 344631 · 21. Juni 2019

everywhere.local schrieb:
wegen akuter Dümmlichkeit ausgefiltert

slowbeat schrieb:
wegen akuter Dümmlichkeit ausgefiltert

rik schrieb:
Ich kann dir einen Filter bauen, mit dem alle anderen User dich ausgeblendet haben. Sag einfach Bescheid.

Funktioniert auch so schon prima. Danke.

everywhere.local · 21. Juni 2019

Mehrsau schrieb:
Ich finde die Punkte für die Reaktionen relativ irrelevant unter dem Namen und Avatar. Interessanter und ein wenig weniger irrelevant wären da die Beiträge die der User bereits gepostet hat.

darüber kann man streiten.
Bei mir ist's genau umgekehrt

@rik jetzt mal was Ernsthaftes und recht wichtiges:
Die ganzen Popup-Frames (Smileys, User-Bild, Benachrichtigungen,...) schliessen sich nicht, wenn man neben das Frame klickt. Das ist etwas nervig.

Marcus · 21. Juni 2019

everywhere.local schrieb:
Die ganzen Popup-Frames (Smileys, User-Bild, Benachrichtigungen,...) schliessen sich nicht, wenn man neben das Frame klickt. Das ist etwas nervig.

Ich weiß, steht auf der Todo-Liste für heute.

slowbeat · 21. Juni 2019

Mobilbug:
Der Frame in dem Reaktionen gelistet sind skaliert nicht sinnvoll. Aufm Schlaufohn dreimal so breit wie der Faden.

Deleted 30320 · 21. Juni 2019

schraeg schrieb:
Selbes bei den Vidschos ! Da scheint auch die Anbindung noch nicht ganz hinzuhauen

Danke @rik :daumen:

auch fürs herrichten der anderen Anbindung :daumen:

Forum-Update Sommer 2019

Anzeige

macht wieder Videos

You like it, bike it.

Ein Becak hat drei Räder.

MimiMi

Deleted 344631

Guest

ausgebüchst

all work and no play is no good at all

Valar Morghulis

macht wieder Videos

Migges

Team zero points

CIO Institut für Schädlingskunde

Deleted 344631

Guest

macht wieder Videos

Team zero points

Deleted 30320

Guest

Ähnliche Themen