Mini pager need to be styled

Created on 20 June 2024, 5 months ago
Updated 11 September 2024, 2 months ago

Problem/Motivation

While going through the theme for issues I found out that the mini pager is not styled. Attaching the screenshot for a better understanding and making the issue clearer.

Steps to reproduce

Install the theme
Add 10-20 articles and check for the pagination.
Go to the page view setting and change the pager to mini.

Proposed resolution

The mini pager should be styled in the same style as the full pager.

Remaining tasks

none

User interface changes

Yes

API changes

none

Data model changes

none

🐛 Bug report
Status

Needs work

Version

3.0

Component

User interface

Created by

🇮🇳India hamid.ali

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Merge Requests

Comments & Activities

  • Issue created by @hamid.ali
  • Assigned to hamid.ali
  • 🇮🇳India hamid.ali

    Working on the fix.

  • Merge request !9Resolve #3455860 "Mini pager styling" → (Open) created by hamid.ali
  • Issue was unassigned.
  • Status changed to Needs review 3 months ago
  • 🇮🇳India hamid.ali

    Created MR for the same. Attaching post-fix screenshot below.

  • Status changed to Needs work 2 months ago
  • 🇮🇳India riddhi.addweb

    I have tried to apply the MR !9 but seems like there is some Error.
    Please check the screenshot for the same.

    Project version: 3.0.1
    Drupal version: 8.9

      % Total    % Received % Xferd  Average Speed   Time    Time     Time  Current
                                     Dload  Upload   Total   Spent    Left  Speed
    100 43454    0 43454    0     0  84871      0 --:--:-- --:--:-- --:--:-- 84871
    Checking patch css/global.css...
    <stdin>:11: new blank line at EOF.
    +
    Checking patch js/custom.js...
    error: while searching for:
    /* --------------------------------------------- 
    * Filename:     custom.js
    * Version:      1.0.0 (2017-02-12)
    * Website:      http://www.zymphonies.com
    * Description:  Global Script
    * Author:       Zymphonies Team
                    info@zymphonies.com
    
    error: patch failed: js/custom.js:1
    error: js/custom.js: patch does not apply
    Checking patch news_zymphonies_theme.info.yml...
    error: while searching for:
    name: News Zymphonies Theme
    type: theme
    description: 'Designed & Developed by <a href=http://www.zymphonies.com>Zymphonies</a><br/>Contact us for any kind of Drupal services <a href=mailto:info@zymphonies.com>info@zymphonies.com</a>'
    package: core
    core: 8.x
    
    #Libraries
    libraries:
    
    error: patch failed: news_zymphonies_theme.info.yml:1
    error: news_zymphonies_theme.info.yml: patch does not apply
    Checking patch news_zymphonies_theme.libraries.yml...
    error: while searching for:
        - core/drupal.ajax
        - core/drupal
        - core/drupalSettings
        - core/jquery.once
    
    # global components
    global-components:
    
    error: patch failed: news_zymphonies_theme.libraries.yml:11
    error: news_zymphonies_theme.libraries.yml: patch does not apply
    Checking patch news_zymphonies_theme.theme...
    error: while searching for:
    use Drupal\system\Form\ThemeSettingsForm;
    use Drupal\file\Entity\File;
    use Drupal\Core\Url;
    use Drupal\file\Plugin\Core\Entity\FileInterface;
    
    /**
     * Implements hook_preprocess_page() for block templates.
    
    error: patch failed: news_zymphonies_theme.theme:13
    error: news_zymphonies_theme.theme: patch does not apply
    Checking patch sass/global.scss...
    error: while searching for:
    /** 
    	* Filename:     global.css
    	* Version:      1.0.0 (2017-02-12)
    	* Website:      http://www.zymphonies.com
    	* Description:  Global Styles
    	* Author:		support Team
    					support@zymphonies.com
    
    error: patch failed: sass/global.scss:1
    error: sass/global.scss: patch does not apply
    Checking patch templates/content-edit/file-managed-file.html.twig...
    error: while searching for:
     * @see template_preprocess_file_managed_file()
     */
    #}
    {{ attach_library('classy/file') }}
    {%
      set classes = [
        'js-form-managed-file',
    
    error: patch failed: templates/content-edit/file-managed-file.html.twig:10
    error: templates/content-edit/file-managed-file.html.twig: patch does not apply
    Checking patch templates/content-edit/image-widget.html.twig...
    error: while searching for:
     * @see template_preprocess_image_widget()
     */
    #}
    {{ attach_library('classy/image-widget') }}
    <div{{ attributes }}>
      {% if data.preview %}
        <div class="image-preview">
    
    error: patch failed: templates/content-edit/image-widget.html.twig:10
    error: templates/content-edit/image-widget.html.twig: patch does not apply
    Checking patch templates/content/comment.html.twig...
    error: while searching for:
     * @see template_preprocess_comment()
     */
    #}
    {% if threaded %}
      {{ attach_library('classy/indented') }}
    {% endif %}
    {%
      set classes = [
        'comment',
    
    error: patch failed: templates/content/comment.html.twig:64
    error: templates/content/comment.html.twig: patch does not apply
    Checking patch templates/content/node.html.twig...
    error: while searching for:
        view_mode ? 'node--view-mode-' ~ view_mode|clean_class,
      ]
    %}
    {{ attach_library('classy/node') }}
    <article{{ attributes.addClass(classes) }}>
    
      {{ title_prefix }}
    
    error: patch failed: templates/content/node.html.twig:73
    error: templates/content/node.html.twig: patch does not apply
    Checking patch templates/content/search-result.html.twig...
    error: while searching for:
     * @see template_preprocess_search_result()
     */
    #}
    {{ attach_library('classy/search-results') }}
    {{ title_prefix }}
    <h3{{ title_attributes.addClass('search-result__title') }}>
      <a href="{{ url }}">{{ title }}</a>
    
    error: patch failed: templates/content/search-result.html.twig:56
    error: templates/content/search-result.html.twig: patch does not apply
    Checking patch templates/dataset/forums.html.twig...
    error: while searching for:
     * @see template_preprocess_forums()
     */
    #}
    {{ attach_library('classy/forum') }}
    {% if forums_defined %}
      <div class="forum">
        {{ forums }}
    
    error: patch failed: templates/dataset/forums.html.twig:14
    error: templates/dataset/forums.html.twig: patch does not apply
    Checking patch templates/field/file-link.html.twig...
    error: while searching for:
     * @see template_preprocess_file_link()
     */
    #}
    {{ attach_library('classy/file') }}
    <span{{ attributes }}>{{ icon }} {{ link }}</span>
    
    error: patch failed: templates/field/file-link.html.twig:11
    error: templates/field/file-link.html.twig: patch does not apply
    Checking patch templates/field/link-formatter-link-separate.html.twig...
    error: while searching for:
     * @see template_preprocess_link_formatter_link_separate()
     */
    #}
    {% spaceless %}
      <div class="link-item">
        {% if title %}
          <div class="link-title">{{ title }}</div>
        {% endif %}
        <div class="link-url">{{ link }}</div>
      </div>
    {% endspaceless %}
    
    error: patch failed: templates/field/link-formatter-link-separate.html.twig:12
    error: templates/field/link-formatter-link-separate.html.twig: patch does not apply
    Checking patch templates/form/dropbutton-wrapper.html.twig...
    error: while searching for:
     */
    #}
    {% if children %}
      {% spaceless %}
        <div class="dropbutton-wrapper">
          <div class="dropbutton-widget">
            {{ children }}
          </div>
        </div>
      {% endspaceless %}
    {% endif %}
    
    error: patch failed: templates/form/dropbutton-wrapper.html.twig:10
    error: templates/form/dropbutton-wrapper.html.twig: patch does not apply
    Checking patch templates/form/select.html.twig...
    error: while searching for:
     * @see template_preprocess_select()
     */
    #}
    {% spaceless %}
      <select{{ attributes }}>
        {% for option in options %}
          {% if option.type == 'optgroup' %}
    
    error: patch failed: templates/form/select.html.twig:10
    error: templates/form/select.html.twig: patch does not apply
    Checking patch templates/misc/status-messages.html.twig...
    error: while searching for:
     * @see template_preprocess_status_messages()
     */
    #}
    {{ attach_library('classy/messages') }}
    {% block messages %}
    {% for type, messages in message_list %}
      {%
    
    error: patch failed: templates/misc/status-messages.html.twig:23
    error: templates/misc/status-messages.html.twig: patch does not apply
    Checking patch templates/navigation/book-navigation.html.twig...
    error: while searching for:
     * @see template_preprocess_book_navigation()
     */
    #}
    {{ attach_library('classy/book-navigation') }}
    {% if tree or has_links %}
      <nav id="book-navigation-{{ book_id }}" class="book-navigation" role="navigation" aria-labelledby="book-label-{{ book_id }}">
        {{ tree }}
    
    error: patch failed: templates/navigation/book-navigation.html.twig:28
    error: templates/navigation/book-navigation.html.twig: patch does not apply
    Checking patch templates/navigation/toolbar.html.twig...
    error: while searching for:
          {% set tray = trays[key] %}
          <div{{ tab.attributes.addClass('toolbar-tab') }}>
            {{ tab.link }}
            {% spaceless %}
              <div{{ tray.attributes }}>
                {% if tray.label %}
                  <nav class="toolbar-lining clearfix" role="navigation" aria-label="{{ tray.label }}">
    
    error: patch failed: templates/navigation/toolbar.html.twig:27
    error: templates/navigation/toolbar.html.twig: patch does not apply
    
Production build 0.71.5 2024