mirror of
https://github.com/Ocelot-Social-Community/Ocelot-Social.git
synced 2025-12-13 07:46:06 +00:00
Ulf Gebhardt
4b3a26d517
* shout comments * fix notifications * Remove whitespace for empty category sections * Overhaul post actions * Adjust spacing * Allow fine-grained size control for icons and circle buttons via css variables; adjust comments layout * Adjust spacing * Add test for ActionButton (WIP) * Rename import * Remove text and add count bubble * Use filled icons to indicate active states * Adjust sizes and orientation * Remove unused properties, add test * Fix ObserveButton test * Fix ShoutButton test * fix tests * Adapt styles * Adjust style for larger numbers * Remove unused icon * Fix test structure * Remove unused class names --------- Co-authored-by: Maximilian Harz <maxharz@gmail.com>
118 lines
1.7 KiB
Plaintext
118 lines
1.7 KiB
Plaintext
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
|
|
exports[`ShoutButton.vue renders button and text 1`] = `
|
|
<div>
|
|
<div
|
|
class="action-button"
|
|
>
|
|
<button
|
|
aria-label="shoutButton.shouted"
|
|
class="base-button --icon-only --circle"
|
|
type="button"
|
|
>
|
|
<span
|
|
class="base-icon"
|
|
>
|
|
<!---->
|
|
</span>
|
|
|
|
<!---->
|
|
|
|
</button>
|
|
|
|
<div
|
|
class="count"
|
|
>
|
|
0
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`ShoutButton.vue toggle the button 1`] = `
|
|
<div>
|
|
<div
|
|
class="action-button"
|
|
>
|
|
<button
|
|
aria-label="shoutButton.shouted"
|
|
class="base-button --icon-only --circle --filled"
|
|
type="button"
|
|
>
|
|
<span
|
|
class="base-icon"
|
|
>
|
|
<!---->
|
|
</span>
|
|
|
|
<!---->
|
|
|
|
</button>
|
|
|
|
<div
|
|
class="count"
|
|
>
|
|
1
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`ShoutButton.vue toggle the button, but backend fails 1`] = `
|
|
<div>
|
|
<div
|
|
class="action-button"
|
|
>
|
|
<button
|
|
aria-label="shoutButton.shouted"
|
|
class="base-button --icon-only --circle --filled"
|
|
type="button"
|
|
>
|
|
<span
|
|
class="base-icon"
|
|
>
|
|
<!---->
|
|
</span>
|
|
|
|
<!---->
|
|
|
|
</button>
|
|
|
|
<div
|
|
class="count"
|
|
>
|
|
1
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`ShoutButton.vue when shouted renders 1`] = `
|
|
<div>
|
|
<div
|
|
class="action-button"
|
|
>
|
|
<button
|
|
aria-label="shoutButton.shouted"
|
|
class="base-button --icon-only --circle --filled"
|
|
type="button"
|
|
>
|
|
<span
|
|
class="base-icon"
|
|
>
|
|
<!---->
|
|
</span>
|
|
|
|
<!---->
|
|
|
|
</button>
|
|
|
|
<div
|
|
class="count"
|
|
>
|
|
0
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|