عدم محاذاة زر الإغلاق في اللافتات

Steven · 7 مايو 2020، 9:57م

هذه مشكلة بسيطة جدًا وسهلة الإصلاح في المنتدى، لكن احتياطًا، أردت مشاركتها مع الفريق.

يوجد عدم محاذاة بسيط بين زر الإغلاق في شريط الإشعارات وموضوع الشريط، كما ترون في هذا المثال.

لقد قمت بإصلاحه عن طريق ضبط القيمة إلى 10px في فئة CSS هذه، لكن ربما ستختارون مسارًا آخر

app/assets/stylesheets/common/base/alert.scss

902d0e1e3


      
          .alert {
            padding: 0.5em 1em;
            background-color: $danger-low;
            color: $primary;
            position: relative;
          
            .close {
              font-size: $font-up-3;
              position: absolute;
              top: 8px;
              right: 8px;
          
              .d-icon {
                color: $primary-low-mid;
              }
            }
          
            &.alert-success {
              background-color: $success-low;
              color: $primary;
            }

كما قلت، إنها مشكلة بسيطة جدًا

codinghorror · 7 مايو 2020، 10:02م

أوه نعم، هذه فكرة رائعة، cc @awesomerobot

awesomerobot · 8 مايو 2020، 2:59ص

لقد قمت ببعض التحديثات لتحسين هذا:

awesomerobot · 9 مايو 2020، 10:00م

تم إغلاق هذا الموضوع تلقائيًا بعد 43 ساعة. لم يعد مسموحًا بإضافة ردود جديدة.

الموضوع		الردود	مرات العرض
Probably a bug relative to the close button on banner topic Bug	6	2083	25 أبريل 2017
"New topic or updated" didn't show at the right place Support	5	673	22 أبريل 2018
Notification icon and dropdown are not properly aligned UX	2	606	20 مايو 2020
Title overlaps close button in topic navigation popup UX composer	0	46	26 يناير 2025
Very slight misalignment in the notification menu UX	8	835	20 يونيو 2018

عدم محاذاة زر الإغلاق في اللافتات

الموضوعات ذات الصلة