Zmiana wyglądu wiadomości w Brief

[_Puma_]

Jako że używam wersji beta to już nie mam zakładek dynamicznych.
Przejrzałem kilka rozszerzeń do czytania RSS i najbardziej mi odpowiada rozszerzenie Brief. Napisali że można zmienić wygląd, jednak to okienko do wpisanie CSS nic nie zmienia... może coś źle robię.

Napiszcie czy to w ogóle działa a jeśli działa to jak zmienić wygląd?

[dexter]

U mnie działa, też się przyzwyczajam do Briefa.

Spróbuj coś takiego:

Kod: Zaznacz cały

.feed-name {
    color: red;
}

[_Puma_]

Nic, jest bez zmian.
Próbowałem na wersji nocnej, zmieniałem motyw na domyślny, kasowałem moje modyfikacje w chrome, wszystko na nic.

[dexter]

Ale mówimy o tym rozwiniętym oknie pojedynczej wiadomości? W widoku Wszystkie?

[krystian3w]

U mnie też działa:

Kod: Zaznacz cały

body {
    filter: blur(15px);
    transition: filter .50s;
}

body:hover {
    filter: none;
    transition: filter .50s;
}

Kursor poza - rozmazany.

I opcja działa tylko w obrębie podstrony ui/brief.xhtml, nie zadziała na pop-up ui/options/feed-properties.xhtml.

[_Puma_]

Teraz działa.
Panowie, jak zwiększyć szerokość wiadomości? Mam sporo wolnego po bokach.
http://prntscr.com/l9wy10

[krystian3w]

Nieco szerszy.

Kod: Zaznacz cały

.full-container {
    flex: 0 1 1200px;
}

Ale mistrzem flexbox / gird / RWD to ja nie jestem.

Na pewno jak są obrazy, to może przydałoby się tekst na prawo przenieść.

PS. jak przesadzisz z pikselami to i tak to flexbox zignoruje, i rozciągnie na ile pozwala rodzic.

[_Puma_]

Wow, wielkie dzięki
Dopisałem tak na szybko

Kod: Zaznacz cały

.full-container img { width:30%; height:30%; float:left; }

[krystian3w]

Sprawdź może jeszcze takie, nie dopracowałem by zdjęcie było idalnie na poziomie linii tekstu, ale przynajmniej popróbowałem tych flexboxów.

Kod: Zaznacz cały

.content {
    display: flex;
}
.content img {
    flex:0 0 auto;
    max-width: 100px;
}

[_Puma_]

Gdyby ktoś chciał skorzystać to niech bierze, mój kodzik na wygląd:

Kod: Zaznacz cały

.headline-header { flex: 0 0 1000px; }
#feed-content { border-top: 1px solid silver; margin-top:30px; }
#feed-content > article { justify-content:left; margin-left:150px; }
.headline-feed-name { color:blue; font-weight:bold; flex-basis: 150px; }

.feed-name { color: red; font-size:18px; }
.full-container { flex: 0 1 1200px; }
.full-container img { max-width:150px; max-height:150px; float:left; }

http://prntscr.com/lb2x43

Ps. Być może jeszcze wprowadzę małe poprawki. Moja rozdzielczość ekranu: 1920 x 1080