agusmakmun / agusmakmun/django-markdown-editor

CSS styles are conflicting with Django Admin

Đang mở
#185 9 bình luận 2 reaction 0 người được giao Xem trên GitHub
Ngôn ngữ chính
JavaScript
Star
901
Fork
1.3k
Chỉ số merge pull request
Không có pull request nào được merge trong 30 ngày

Mô tả

When loading martor in the admin, it loads CSS rules which overrides many admin styles. For example, when using bootstrap theme, it causes collapsible fieldsets to be completely hidden:

```css
.collapse:not(.show) {
display: none;
}
```

Even when using the "semantic" theme, there are many style definitions that are not namespaced, and causes default admin styles to be overriden, for example, `h2` headings look way to big because of this rule in `martor-admin.css`:

```css
h2 {
font-size: 16px!important;
margin: 1em 0 0.5em 0!important;
}
```

I'm assuming these style definitions are only meant for the preview. If that's the case, then they should be namespaced to the preview box.

Hướng dẫn đóng góp

Mở hướng dẫn đóng góp

Hướng nghiên cứu

Start with martor-admin.css and inspect how its unnamespaced rules are applied in the Django admin, especially the collapse and h2 examples. Scope the affected styles to the preview box, then verify that the Bootstrap collapsible fieldsets, admin headings, and preview styling display correctly.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.

Đánh giá

Công nghệ
css, django
Lĩnh vực
frontend
Loại issue
Lỗi
Độ khó
3/5
Thời gian dự kiến
1-2 ngày
Mức độ hoạt động
Đình trệ
Độ rõ ràng
Khá rõ ràng
Mức phù hợp với người mới
45/100

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.