Skip to content

Instantly share code, notes, and snippets.

@coorasse

coorasse/_head.html.slim

Last active March 25, 2021 11:57
Show Gist options
  • Save coorasse/f70451f395025198b51dc2baf5a5e576 to your computer and use it in GitHub Desktop.
Save coorasse/f70451f395025198b51dc2baf5a5e576 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. coorasse revised this gist Mar 25, 2021. 1 changed file with 0 additions and 4 deletions.
    4 changes: 0 additions & 4 deletions rails_admin.scss
    View file
    Original file line number Diff line number Diff line change
    @@ -8,10 +8,6 @@ $fa-font-path: '~@fortawesome/fontawesome-pro/webfonts';
    margin-right: 0.5rem;
    }

    .dashboard-logo {
    max-width: 200px;
    }

    .filter {
    .label {
    .delete {
  2. coorasse created this gist Mar 25, 2021.
    10 changes: 10 additions & 0 deletions _head.html.slim
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,10 @@
    /app/views/layouts/rails_admin/_head.html.slim
    /we override the default head to add our custom rails_admin stylesheet pack tag
    meta[content="IE=edge" http-equiv="X-UA-Compatible"]
    meta[content="text/html; charset=utf-8" http-equiv="Content-Type"]
    meta[content="width=device-width, initial-scale=1" name="viewport; charset=utf-8"]
    meta[content="NONE,NOARCHIVE" name="robots"]
    = csrf_meta_tag
    = stylesheet_link_tag "rails_admin/rails_admin.css", media: :all
    = stylesheet_pack_tag "rails_admin", media: :all
    = javascript_include_tag "rails_admin/rails_admin.js"
    155 changes: 155 additions & 0 deletions font-awesome-5-compability.scss
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,155 @@
    //app/webpack/src/rails_admin/font-awesome-5-compability.scss
    [class^="icon-"],
    [class*=" icon-"] {
    @extend .far;
    }

    .icon-glass { @extend .fa-glass; }
    .icon-music { @extend .fa-music; }
    .icon-search { @extend .fa-search; }
    .icon-envelope { @extend .fa-envelope; }
    .icon-heart { @extend .fa-heart; }
    .icon-star { @extend .fas, .fa-star; }
    .icon-star-empty { @extend .fa-star; }
    .icon-user { @extend .fa-user; }
    .icon-film { @extend .fa-film; }
    .icon-th-large { @extend .fa-th-large; }
    .icon-th { @extend .fa-th; }
    .icon-th-list { @extend .fa-th-list; }
    .icon-ok { @extend .fa-check; }
    .icon-remove { @extend .fa-times; }
    .icon-zoom-in { @extend .fa-search-plus; }
    .icon-zoom-out { @extend .fa-search-minus; }
    .icon-off { @extend .fa-power-off; }
    .icon-signal { @extend .fa-signal; }
    .icon-cog { @extend .fa-cog; }
    .icon-trash { @extend .fa-trash; }
    .fa-trash-o { @extend .fa-trash; }

    .icon-home { @extend .fa-home; }
    .icon-file { @extend .fa-file; }
    .icon-time { @extend .fa-clock; }
    .icon-road { @extend .fa-road; }
    .icon-download-alt { @extend .fa-download; }
    .icon-download { @extend .fa-download; }
    .icon-upload { @extend .fa-upload; }
    .icon-inbox { @extend .fa-inbox; }
    .icon-play-circle { @extend .fa-play-circle; }
    .icon-repeat { @extend .fa-repeat; }
    .icon-refresh { @extend .fa-sync; }
    .icon-list-alt { @extend .fa-list-alt; }
    .icon-lock { @extend .fa-lock; }
    .icon-flag { @extend .fa-flag; }
    .icon-headphones { @extend .fa-headphones; }
    .icon-volume-off { @extend .fa-volume-off; }
    .icon-volume-down { @extend .fa-volume-down; }
    .icon-volume-up { @extend .fa-volume-up; }
    .icon-qrcode { @extend .fa-qrcode; }
    .icon-barcode { @extend .fa-barcode; }

    .icon-tag { @extend .fa-tag; }
    .icon-tags { @extend .fa-tags; }
    .icon-book { @extend .fa-book; }
    .icon-bookmark { @extend .fa-bookmark; }
    .icon-print { @extend .fa-print; }
    .icon-camera { @extend .fa-camera; }
    .icon-font { @extend .fa-font; }
    .icon-bold { @extend .fa-bold; }
    .icon-italic { @extend .fa-italic; }
    .icon-text-height { @extend .fa-text-height; }
    .icon-text-width { @extend .fa-text-width; }
    .icon-align-left { @extend .fa-align-left; }
    .icon-align-center { @extend .fa-align-center; }
    .icon-align-right { @extend .fa-align-right; }
    .icon-align-justify { @extend .fa-align-justify; }
    .icon-list { @extend .fa-list; }
    .icon-indent-left { @extend .fa-indent; }
    .icon-indent-right { @extend .fa-outdent; }
    .icon-facetime-video { @extend .fa-video; }
    .icon-picture { @extend .fa-image; }

    .icon-pencil { @extend .fa-pencil; }
    .icon-map-marker { @extend .fa-map-marker; }
    .icon-adjust { @extend .fa-adjust; }
    .icon-tint { @extend .fa-tint; }
    .icon-edit { @extend .fa-edit; }
    .icon-share { @extend .fa-share-square; }
    .icon-check { @extend .fa-check; }
    .icon-move { @extend .fa-arrows; }
    .icon-step-backward { @extend .fa-step-backward; }
    .icon-fast-backward { @extend .fa-fast-backward; }
    .icon-backward { @extend .fa-backward; }
    .icon-play { @extend .fa-play; }
    .icon-pause { @extend .fa-pause; }
    .icon-stop { @extend .fa-stop; }
    .icon-forward { @extend .fa-forward; }
    .icon-fast-forward { @extend .fa-fast-forward; }
    .icon-step-forward { @extend .fa-step-forward; }
    .icon-eject { @extend .fa-eject; }
    .icon-chevron-left { @extend .fa-chevron-left; }
    .icon-chevron-right { @extend .fa-chevron-right; }

    .icon-plus-sign { @extend .fa-plus-circle; }
    .icon-minus-sign { @extend .fa-minus-circle; }
    .icon-remove-sign { @extend .fa-times-circle; }
    .icon-ok-sign { @extend .fa-check-circle; }
    .icon-question-sign { @extend .fa-question-circle; }
    .icon-info-sign { @extend .fa-info-circle; }
    .icon-screenshot { @extend .fa-crosshairs; }
    .icon-remove-circle { @extend .fa-times-circle; }
    .icon-ok-circle { @extend .fa-check-circle; }
    .icon-ban-circle { @extend .fa-ban; }
    .icon-arrow-left { @extend .fa-arrow-left; }
    .icon-arrow-right { @extend .fa-arrow-right; }
    .icon-arrow-up { @extend .fa-arrow-up; }
    .icon-arrow-down { @extend .fa-arrow-down; }
    .icon-share-alt { @extend .fa-share; }
    .icon-resize-full { @extend .fa-expand; }
    .icon-resize-small { @extend .fa-compress; }
    .icon-plus { @extend .fa-plus; }
    .icon-minus { @extend .fa-minus; }
    .icon-asterisk { @extend .fa-asterisk; }

    .icon-exclamation-sign { @extend .fa-exclamation-circle; }
    .icon-gift { @extend .fa-gift; }
    .icon-leaf { @extend .fa-leaf; }
    .icon-fire { @extend .fa-fire; }
    .icon-eye-open { @extend .fa-eye; }
    .icon-eye-close { @extend .fa-eye-slash; }
    .icon-warning-sign { @extend .fa-exclamation-triangle; }
    .icon-plane { @extend .fa-plane; }
    .icon-calendar { @extend .fa-calendar; }
    .icon-random { @extend .fa-random; }
    .icon-comment { @extend .fa-comment; }
    .icon-magnet { @extend .fa-magnet; }
    .icon-chevron-up { @extend .fa-chevron-up; }
    .icon-chevron-down { @extend .fa-chevron-down; }
    .icon-retweet { @extend .fa-retweet; }
    .icon-shopping-cart { @extend .fa-shopping-cart; }
    .icon-folder-close { @extend .fa-folder; }
    .icon-folder-open { @extend .fa-folder-open; }
    .icon-resize-vertical { @extend .fa-arrows-v; }
    .icon-resize-horizontal { @extend .fa-arrows-h; }

    .icon-hdd { @extend .fa-hdd; }
    .icon-bullhorn { @extend .fa-bullhorn; }
    .icon-bell { @extend .fa-bell; }
    .icon-certificate { @extend .fa-certificate; }
    .icon-thumbs-up { @extend .fa-thumbs-up; }
    .icon-thumbs-down { @extend .fa-thumbs-down; }
    .icon-hand-right { @extend .fa-hand-point-right; }
    .icon-hand-left { @extend .fa-hand-point-left; }
    .icon-hand-up { @extend .fa-hand-point-up; }
    .icon-hand-down { @extend .fa-hand-point-down; }
    .icon-circle-arrow-right { @extend .fa-arrow-circle-right; }
    .icon-circle-arrow-left { @extend .fa-arrow-circle-left; }
    .icon-circle-arrow-up { @extend .fa-arrow-circle-up; }
    .icon-circle-arrow-down { @extend .fa-arrow-circle-down; }
    .icon-globe { @extend .fa-globe; }
    .icon-wrench { @extend .fa-wrench; }
    .icon-tasks { @extend .fa-tasks; }
    .icon-filter { @extend .fa-filter; }
    .icon-briefcase { @extend .fa-briefcase; }
    .icon-fullscreen { @extend .fa-arrows-alt; }

    .icon-white { color:white; }
    2 changes: 2 additions & 0 deletions font-awesome.scss
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,2 @@
    // app/assets/stylesheets/rails_admin/font-awesome.scss
    //this file is used to override the default font-awesome imported by rails admin
    26 changes: 26 additions & 0 deletions rails_admin.scss
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,26 @@
    //app/webpack/packs/rails_admin.scss
    $fa-font-path: '~@fortawesome/fontawesome-pro/webfonts';
    @import '~@fortawesome/fontawesome-pro/scss/fontawesome';
    @import '~@fortawesome/fontawesome-pro/scss/regular';
    @import '../src/rails_admin/font-awesome-5-compability';

    .sidebar-nav i {
    margin-right: 0.5rem;
    }

    .dashboard-logo {
    max-width: 200px;
    }

    .filter {
    .label {
    .delete {
    color: #fff;
    font-weight: 400;

    i {
    font-weight: 400;
    }
    }
    }
    }