[RUBY] [Rails] So wenden Sie das in der Hauptanwendung verwendete CSS mit Administrate an

Ärger, was du machen willst

** \\ Haupt-App-CSS kann nicht verwendet werden /// **

Zu diesem Zeitpunkt habe ich ein Juwel namens ** Administrate verwendet, um einen Administrationsbildschirm in der Rails-App ** zu erstellen. Ich habe versucht, das auf die Ansicht der Haupt-App angewendete CSS auf die Ansichten unter admin anzuwenden, aber ich kann nicht ...

Ich verwende denselben Klassennamen wie die Haupt-App. Was soll ich tun? ?? ??

Umgebung

• Ruby 2.5.1
• Rails 5.0.7.2
• Administrate 0.14.0
• haml 5.1.2

Fazit

** Fügen Sie ein Ziel für das Administrations-Stylesheet hinzu **

** 1. Generiere _styoesheet.html.erb mit Rails g administrate: views: layout **

terminal

#Führen Sie im entsprechenden App-Verzeichnis aus
$ rails g administrate:views:layout
  Running via Spring preloader in process 44282
      create  app/views/layouts/admin/application.html.erb
      create  app/views/admin/application/_navigation.html.erb
      create  app/views/admin/application/_stylesheet.html.erb #dieses Kind! !! !!
      create  app/views/admin/application/_javascript.html.erb
      create  app/views/admin/application/_flashes.html.erb
      create  app/views/admin/application/_icons.html.erb

• Die generierte Datei ist erb. Wenn die Umgebung also haml ist, konvertieren Sie sie mit $ Rails haml: erb2haml.

** 2. Fügen Sie das Ziel des Stylesheets zu _stylesheet.html.haml hinzu **

ruby:/views/admin/application/_stylesheet.html.haml

- Administrate::Engine.stylesheets.each do |css_path|
  = stylesheet_link_tag css_path
  #Fügen Sie diese Zeile hinzu ↓
  = stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload'
= yield :stylesheet

Mit dieser Beschreibung können Sie die Datei / assets / stylesheets / application.scss lesen. Infolgedessen können Sie die vorhandenen Stylesheets auch auf den Administratorbildschirm anwenden.

Referenzartikel

[Rails5] Ändern Sie das Leseziel des Administrate-Stylesheets --196Log

Nebenbei: Passen Sie das vorhandene Layout an

Ich glaube nicht, dass es eine große Nachfrage gibt, aber ** es ist möglich, das Layout des Standard-Verwaltungsbildschirms zu ändern (anzupassen) **.

Dies wurde auch unter Probleme auf GitHub aufgeführt (Hinzufügen von benutzerdefiniertem CSS? # 748).

terminal

#Führen Sie im entsprechenden App-Verzeichnis aus
$ rails g administrate:assets:stylesheets
  Running via Spring preloader in process 44122
      create  app/assets/stylesheets/administrate
      create  app/assets/stylesheets/administrate/application.scss
      create  app/assets/stylesheets/administrate/base/_forms.scss
      create  app/assets/stylesheets/administrate/base/_layout.scss
      create  app/assets/stylesheets/administrate/base/_lists.scss
      create  app/assets/stylesheets/administrate/base/_tables.scss
      create  app/assets/stylesheets/administrate/base/_typography.scss
      create  app/assets/stylesheets/administrate/components/_app-container.scss
      create  app/assets/stylesheets/administrate/components/_attributes.scss
      create  app/assets/stylesheets/administrate/components/_buttons.scss
      create  app/assets/stylesheets/administrate/components/_cells.scss
      create  app/assets/stylesheets/administrate/components/_field-unit.scss
      create  app/assets/stylesheets/administrate/components/_flashes.scss
      create  app/assets/stylesheets/administrate/components/_form-actions.scss
      create  app/assets/stylesheets/administrate/components/_main-content.scss
      create  app/assets/stylesheets/administrate/components/_navigation.scss
      create  app/assets/stylesheets/administrate/components/_pagination.scss
      create  app/assets/stylesheets/administrate/components/_search.scss
      create  app/assets/stylesheets/administrate/library/_clearfix.scss
      create  app/assets/stylesheets/administrate/library/_data-label.scss
      create  app/assets/stylesheets/administrate/library/_variables.scss
      create  app/assets/stylesheets/administrate/reset/_normalize.scss
      create  app/assets/stylesheets/administrate/utilities/_text-color.scss

Auf diese Weise wird das Stylesheet in Eile erstellt, sodass Sie die Änderungen anwenden können, indem Sie das Teil anpassen, das Sie anpassen möchten.

Trotzdem hat Administrate jedes Mal so etwas ... Es scheint, dass es zu einer Serie gemacht werden kann, sobald es implementiert ist lol