Commit Graph

680 Commits

Author SHA1 Message Date
6028d047b9 Change logo version in header based on screen size in web UI (#24707) 2023-04-28 10:00:33 +02:00
a5bc4ea550 Fix refering to unused preview-card CSS class instead of status-card (#24696) 2023-04-28 07:50:31 +02:00
d8a06c1375 Fix preview cards layout in thread view (#24677) 2023-04-27 01:45:19 +02:00
1527b02c6d Fix sass warning about deprecated slash as division (#24653)
Co-authored-by: Nick Schonning <nschonni@gmail.com>
2023-04-25 22:15:00 +02:00
c35e3cb6ac Add more tips to onboarding flow in web UI (#24646) 2023-04-25 11:12:37 +02:00
290e4aba31 Add lines to threads in web UI (#24549) 2023-04-24 08:07:03 +02:00
e1b4eeb636 Change styling of the recommended accounts to allow bio to be more visible (#24480) 2023-04-23 22:33:08 +02:00
e713c545b8 Use CSS to trim long card descriptions (#24265) 2023-04-23 22:32:47 +02:00
0461f83320 Add new onboarding flow to web UI (#24619) 2023-04-23 22:24:53 +02:00
e5c0b16735 Add progress indicator to sign-up flow (#24545) 2023-04-16 07:01:24 +02:00
af49d93fd6 Fix tab arrows on RTL layouts (#24520) 2023-04-12 16:01:49 +02:00
86ad43173f Add “In Memoriam” banner back to profiles (#23614) 2023-04-12 14:50:02 +02:00
9ef9974ff2 Fix loading spinner + infinite scroll for private mentions (#24446) 2023-04-07 15:44:31 +02:00
d7b8c6db7e Fix account header image missing in low-res (#24433) 2023-04-07 11:57:43 +02:00
cd14f712ad Enable Stylelint property-no-unknown (#24404) 2023-04-05 09:04:08 +02:00
45848d6547 Fix styling regressions from RTL layout refactor (#24415) 2023-04-04 16:48:34 +02:00
fa98363a27 Fix inconsistent radius in drawer (#24407) 2023-04-04 11:41:05 +02:00
2b11376411 Change search pop-out in web UI (#24305) 2023-04-01 09:59:10 +02:00
46483ae849 Fix regressions from change in account row design in web UI (#24343) 2023-04-01 09:27:23 +02:00
68a192e718 Change "direct message" nomenclature to "private mention" in web UI (#24248) 2023-03-30 15:16:20 +02:00
babd86e594 Refactor styles to use logical properties for positioning (#23944) 2023-03-27 10:56:25 +02:00
ef127c964a Change design of account rows in web UI (#24247) 2023-03-25 08:46:32 +01:00
0a9def5498 Fit the max-width of media in .prose to parent box (#24180) 2023-03-20 20:04:25 +01:00
a52ccd7ad9 Center the text itself in upload area (#24029) 2023-03-09 14:35:44 +01:00
3a6451c867 Add support for incoming rich text (#23913) 2023-03-03 20:19:29 +01:00
f4f91bc295 Increase contrast of upload progress background (#23836) 2023-02-23 12:58:42 +01:00
7adde24a95 Fix sidebar cut-off on small screens in admin UI (#23764) 2023-02-21 10:06:13 +01:00
d3b4d4d4f3 Change compose form checkbox to native input with appearance: none (#22949) 2023-02-20 11:32:27 +01:00
62c4aecf8f Make larger part of status clickable (#23621) 2023-02-20 08:11:23 +01:00
0c9d455ea5 Upgrade to Stylelint 15 with Prettier (#23558) 2023-02-13 04:57:03 +01:00
e8cb3ee827 Add scrolling to Compare history modal (#23396)
* Compare history modal: allow vertical scrolling

* Update app/javascript/styles/mastodon/components.scss

Co-authored-by: Claire <claire.github-309c@sitedethib.com>

---------

Co-authored-by: Claire <claire.github-309c@sitedethib.com>
2023-02-06 16:53:31 +01:00
54e798a5a0 Fix upload area display in single-column mode (#23217) 2023-01-23 17:42:58 +01:00
4894deca7e Fix wrong padding in RTL layout in web UI (#23157) 2023-01-19 15:51:14 +01:00
9b3e22c40d Change account moderation notes to make links clickable (#22553)
* Change account moderation notes to make links clickable

Fixes #22539

* Fix styling of account moderation note links
2023-01-18 16:32:23 +01:00
7e6ffa085f Add checkmark symbol to checkbox (#22795) 2023-01-18 16:30:46 +01:00
f4a6365f55 Remove hardcoded width from dropdown overlays (#23062)
* Remove hardcoded width from dropdown overlays

* Fix emoji picker position
2023-01-12 16:43:02 +01:00
fd33bcb3b2 Fix dropdown menu positions when scrolling (#22916)
* Update react-overlays to latest version

* Fix breaking changes in dropdown menus

* Use react-overlays built-in arrow positioning feature
* Re-implemented `.dropdown-menu__arrow` to have a defined width and height to improve positioning
* Moved wrapping div (`.dropdown-menu` from `DropdownMenu` to `Dropdown`)
* Wrap button in a span to solve issue with ref
* Temporarily remove animations

* Fix breaking changes in emoji picker

* Wrap EmojiPickerMenu in a div where react-overlays’ ref is added

* Fix breaking changes in language dropdown

* Fix breaking changes in privacy dropdown

* Fix breaking changes in search form

* Add animations back using `@keyframes`

* Fix arrow color in light theme

* Fix linting issue

* Remove unused `mounted` state

* Remove `placement` state from components and redux

And remove the placement state from props of the menu components.

* Remove abolution position to fix flip issue

* Remove z-index to fix modals and overlay positions

* Fix lint issues

* Set placement in privacy and language components

Copy the placement state into the `PrivacyDropdown` and `LanguageDropdown` components, to apply correct styling to the buttons depending on which placement the Overlay has.

* Move `placement` state to correct component
2023-01-11 21:58:46 +01:00
b81b646e3b Improve the contrast of the chart in “poll has ended” notifications (#22575)
* Improve the contrast of the chart in “poll has ended” notifications

* Further increase the contrast of non-leading poll options
2023-01-05 13:34:10 +01:00
17f79082b0 Bump stylelint from 14.14.0 to 14.16.1 (#22910)
* Bump stylelint-config-standard-scss from 5.0.0 to 6.1.0

Bumps [stylelint-config-standard-scss](https://github.com/stylelint-scss/stylelint-config-standard-scss) from 5.0.0 to 6.1.0.
- [Release notes](https://github.com/stylelint-scss/stylelint-config-standard-scss/releases)
- [Changelog](https://github.com/stylelint-scss/stylelint-config-standard-scss/blob/main/CHANGELOG.md)
- [Commits](https://github.com/stylelint-scss/stylelint-config-standard-scss/compare/v5.0.0...v6.1.0)

---
updated-dependencies:
- dependency-name: stylelint-config-standard-scss
  dependency-type: direct:development
  update-type: version-update:semver-major
...

Signed-off-by: dependabot[bot] <support@github.com>

* Bump stylelint from 14.14.0 to 14.16.1

Bumps [stylelint](https://github.com/stylelint/stylelint) from 14.14.0 to 14.16.1.
- [Release notes](https://github.com/stylelint/stylelint/releases)
- [Changelog](https://github.com/stylelint/stylelint/blob/main/CHANGELOG.md)
- [Commits](https://github.com/stylelint/stylelint/compare/14.14.0...14.16.1)

---
updated-dependencies:
- dependency-name: stylelint
  dependency-type: direct:development
  update-type: version-update:semver-minor
...

Signed-off-by: dependabot[bot] <support@github.com>

* Fix

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Yamagishi Kazutoshi <ykzts@desire.sh>
2023-01-04 21:13:57 +09:00
ef4d29c879 Replace flex styling with sensible layout rules (#22803)
The old styling would cause multiple admin header buttons in a flex container to overflow the page on mobile. This new styling uses `flex-flow: wrap` along with a gap, which gets rid of the awkward `:not(:first-child)` pseudoselector and makes multiple buttons in a row flow nicely.
2022-12-28 10:21:10 +01:00
2c7df002fa Add left and right margin to emojis (#20464) 2022-12-15 18:53:37 +01:00
70415714f1 Add follow request banner on account header (#20785)
* Add requested_by to relationship maps

* Display whether an account has requested to follow you on their profile
2022-12-15 18:50:11 +01:00
ff414a5489 Add transparancy to modal background for accessibility (#18081)
Fixes #18080 

This keeps the `ui-base-lighter-color` but adds enough transparency so that text is more easily readable.
Tested in Firefox and Chrome.
2022-12-15 17:38:35 +01:00
cedf138313 Fix margin for search field on medium window size (#21606) 2022-12-15 17:24:38 +01:00
38596e49d4 Fix the top action bar appearing in multi-column layout (#20943) 2022-12-15 16:40:45 +01:00
08c0e43b6f Increase the width of the unread notification border. (#21692)
The smaller border is difficult to see for some users, especially
when the browser window was thinner, and so the unread border is at the
very left edge of the window.
2022-12-15 16:37:07 +01:00
c3388f4ab1 Fix profile avatar being slightly offset into left border (fixes #20822) (#20994)
* hotfix for #20822

I don't know why it was shifted in the first place or why the width is specified twice, but this fixes the problem, so it looks fine to me.

* realigned pfp with content below

* fixed formatting 

my bad

* added comment to explain the negative margin

before I forget - comments are *important* !

Co-authored-by: Riedler <riedler@gelse.eu>
2022-12-15 15:57:02 +01:00
7b68e6409b Fix invalid CSS for links in warning and strike cards (#22302) 2022-12-15 15:52:18 +01:00
Rin
42e16ea52d fix missing style in warning and strike cards (#22177) 2022-12-13 20:03:09 +01:00
52a50c5e43 Make handle more easily selectable on profile page (#21479)
* Make handle more easily selectable on profile page

* Wrap handle in a span

* Add `user-select: all` to span

* remove whitespace
2022-12-13 19:43:03 +01:00