Как я могу уменьшить пробелы ниже amp-web-push?

#push-notification #amp-html

#push-уведомление #amp-html

Вопрос:

Я замечаю, что <amp-web-push> компонент включает в себя пространство как для кнопки подписки, так и для кнопки отмены подписки, но отображает только одно или другое в зависимости от ваших настроек. Это приводит к пробелу над или под отображаемой кнопкой.

Я также вижу, что на iOS, где web push не поддерживается, обе кнопки отображаются как пустое пространство.

Есть ли в AMP какой-либо действительный способ уменьшить невидимую веб-кнопку, чтобы она не занимала драгоценное пространство браузера?

Вот ссылка для воспроизведения проблемы (вы также можете сослаться на скриншоты ниже): https://globalnews.ca/news/7453249/us-election-biden-transition-legal/amp /

Кнопка подписки не отображается:

Кнопка отмены подписки с пробелом вверху

Кнопка отмены подписки не отображается:

Кнопка подписки с пробелом внизу

Обе кнопки не отображаются на iOS:

Обе кнопки выделены белым цветом на iOS

Комментарии:

1. Почему вы используете два amp-web-push-widget ? Если пользователь является подписчиком, он увидит кнопку отмены подписки. Текущий пример запрашивает подписку. Вам необходимо синхронизировать процесс регистрации подписки на стороне сервера с соответствующей страницей.

2. @JayGray Просто следуя примеру на веб-сайте AMP: playground.amp.dev/. … Если пользователь является подписчиком, он увидит кнопку отмены подписки, а кнопка подписки будет скрыта. У вас есть пример такой функциональности, работающей с одной <amp-web-push-widget> кнопкой?