[ { "path": ".github/FUNDING.yml", "content": "# These are supported funding model platforms\n\ngithub: # Replace with up to 4 GitHub Sponsors-enabled usernames e.g., [user1, user2]\npatreon: # Replace with a single Patreon username\nopen_collective: # Replace with a single Open Collective username\nko_fi: # Replace with a single Ko-fi username\ntidelift: # Replace with a single Tidelift platform-name/package-name e.g., npm/babel\ncommunity_bridge: # Replace with a single Community Bridge project-name e.g., cloud-foundry\nliberapay: # Replace with a single Liberapay username\nissuehunt: # Replace with a single IssueHunt username\nlfx_crowdfunding: # Replace with a single LFX Crowdfunding project-name e.g., cloud-foundry\npolar: # Replace with a single Polar username\nbuy_me_a_coffee: cprodhomme\ncustom: # Replace with up to 4 custom sponsorship URLs e.g., ['link1', 'link2']\n" }, { "path": ".github/ISSUE_TEMPLATE/bug_report.md", "content": "---\nname: Bug report\nabout: Create a report to help us improve\ntitle: ''\nlabels: bug\nassignees: ''\n\n---\n\n:warning: ArcticAdmin is a simple gem, if you found a bug, you can easily fix it and make a pull-request. :pray: Thanks !\n\n**Describe the bug**\nA clear and concise description of what the bug is.\n\n**To Reproduce**\nSteps to reproduce the behavior:\n1. Go to '...'\n2. Click on '....'\n3. Scroll down to '....'\n4. See error\n\n**Expected behavior**\nA clear and concise description of what you expected to happen.\n\n**Screenshots**\nIf applicable, add screenshots to help explain your problem.\n\n**Desktop (please complete the following information):**\n - OS: [e.g. iOS]\n - Browser [e.g. chrome, safari]\n - Version [e.g. 22]\n\n**Smartphone (please complete the following information):**\n - Device: [e.g. iPhone6]\n - OS: [e.g. iOS8.1]\n - Browser [e.g. stock browser, safari]\n - Version [e.g. 22]\n\n**Gemfile**\nPlace here your gemfile.lock of your project\n\n**Additional context**\nAdd any other context about the problem here.\n" }, { "path": ".github/ISSUE_TEMPLATE/feature_request.md", "content": "---\nname: Feature request\nabout: Suggest an idea for this project\ntitle: ''\nlabels: enhancement\nassignees: ''\n\n---\n\n**Is your feature request related to a problem? Please describe.**\nA clear and concise description of what the problem is. Ex. I'm always frustrated when [...]\n\n**Describe the solution you'd like**\nA clear and concise description of what you want to happen.\n\n**Describe alternatives you've considered**\nA clear and concise description of any alternative solutions or features you've considered.\n\n**Additional context**\nAdd any other context or screenshots about the feature request here.\n" }, { "path": ".github/workflows/gem-push.yml", "content": "name: Ruby Gem\n\non:\n push:\n tags:\n - '*'\n\njobs:\n build:\n name: Build + Publish\n runs-on: ubuntu-latest\n permissions:\n contents: read\n packages: write\n\n steps:\n - uses: ruby/setup-ruby@v1\n with:\n ruby-version: '3.3'\n bundler-cache: true\n\n - name: Publish to RubyGems\n run: |\n mkdir -p $HOME/.gem\n touch $HOME/.gem/credentials\n chmod 0600 $HOME/.gem/credentials\n printf -- \"---\\n:rubygems_api_key: ${GEM_HOST_API_KEY}\\n\" > $HOME/.gem/credentials\n gem build *.gemspec\n gem push *.gem\n env:\n GEM_HOST_API_KEY: \"${{secrets.RUBYGEMS_AUTH_TOKEN}}\"\n\n - name: Publish to GPR\n run: |\n mkdir -p $HOME/.gem\n touch $HOME/.gem/credentials\n chmod 0600 $HOME/.gem/credentials\n printf -- \"---\\n:github: ${GEM_HOST_API_KEY}\\n\" > $HOME/.gem/credentials\n gem build *.gemspec\n gem push --KEY github --host https://rubygems.pkg.github.com/${OWNER} *.gem\n env:\n GEM_HOST_API_KEY: \"Bearer ${{secrets.GITHUB_TOKEN}}\"\n OWNER: ${{ github.repository_owner }}\n" }, { "path": ".github/workflows/npm-publish.yml", "content": "name: Node.js Package\n\non:\n push:\n tags:\n - '**'\n\njobs:\n publish-npm:\n runs-on: ubuntu-latest\n steps:\n - uses: actions/checkout@v3\n - uses: actions/setup-node@v3\n with:\n node-version: 18\n registry-url: https://registry.npmjs.org/\n - run: npm publish\n env:\n NODE_AUTH_TOKEN: ${{secrets.NPM_TOKEN}}\n" }, { "path": ".gitignore", "content": "*.gem\r\n.DS_Store\r\n.bundle\r\nGemfile.lock\r\ngemfiles/*.lock\r\npkg/*\r\nvendor/ruby\r\ngemfiles/vendor/ruby\r\n.rbenv-version\r\n.sass-cache\r\n/node_modules\r\n/src\r\n.idea\r\nvendor/bundle/\r\n" }, { "path": ".tool-versions", "content": "nodejs 18.15.0\n" }, { "path": "Gemfile", "content": "source 'https://rubygems.org'\n" }, { "path": "LICENCE.txt", "content": "Copyright (c) 2017 Clément Prod'homme\n\nMIT License\n\nPermission is hereby granted, free of charge, to any person obtaining\na copy of this software and associated documentation files (the\n\"Software\"), to deal in the Software without restriction, including\nwithout limitation the rights to use, copy, modify, merge, publish,\ndistribute, sublicense, and/or sell copies of the Software, and to\npermit persons to whom the Software is furnished to do so, subject to\nthe following conditions:\n\nThe above copyright notice and this permission notice shall be\nincluded in all copies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND,\nEXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF\nMERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND\nNONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE\nLIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION\nOF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION\nWITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE." }, { "path": "README.md", "content": "# ArcticAdmin\n[![Gem Version](https://img.shields.io/gem/v/arctic_admin.svg)](https://rubygems.org/gems/arctic_admin)\n[![Gem Downloads](https://img.shields.io/gem/dt/arctic_admin.svg)](https://rubygems.org/gems/arctic_admin)\n[![Gem Version](https://img.shields.io/npm/v/arctic_admin.svg)](https://www.npmjs.com/package/arctic_admin)\n[![Gem Downloads](https://img.shields.io/npm/dt/arctic_admin.svg)](https://www.npmjs.com/package/arctic_admin)\n\nSimple theme for ActiveAdmin :ok_hand:\n\n>**Complete demo here : https://arcticadmin.osc-fr1.scalingo.io**\n>\n>*admin user : admin@example.com / password*\n\n![Screenshot](doc/index.png)\n\n## Installation\n\n### For Sprockets users\n\n- Add this to your Gemfile:\n\n```ruby\ngem 'arctic_admin'\n```\n\n- Run `bundle install`.\n\n- Add this line to the file `config/initializers/active_admin.rb`\n\n```ruby\nmeta_tags_options = { viewport: 'width=device-width, initial-scale=1' }\nconfig.meta_tags = meta_tags_options\nconfig.meta_tags_for_logged_out_pages = meta_tags_options\n```\n\n### For webpacker / jsbundling-rails or other JS-based asset solutions\n\nInstall the needed assets with npm or yarn:\n\n```bash\nyarn add arctic_admin @fortawesome/fontawesome-free\n```\n\n## Use with Sprockets\n\n### 1a - CSS\n\nIn your `active_admin.css`, include the css file:\n\n```css\n/*\n *= require arctic_admin/base\n */\n```\n\n**Remove the line `*= require active_admin/base`**\n\nThen restart your webserver if it was previously running.\n\n### 1b - Sass Support\n\n:exclamation: **Remove the line `@import \"active_admin/base\"`**\n\nIf you prefer [SCSS](http://sass-lang.com/documentation/file.SASS_REFERENCE.html), add this to your\n`active_admin.scss` file:\n\n```scss\n@import \"arctic_admin/base\";\n```\n\nIf you use the\n[Sass indented syntax](http://sass-lang.com/docs/yardoc/file.INDENTED_SYNTAX.html),\nadd this to your `active_admin.sass` file:\n\n```sass\n@import arctic_admin/base\n```\n\n### 2 - JS\n\nIn your `active_admin.js`, include the js file:\n\n```js\n//= require arctic_admin/base\n```\n\n:exclamation: **Remove the line `//= require active_admin/base`**\n\n## Use with webpacker\n\n### 1 - CSS\n\nIn your `app/javascript/stylesheets/active_admin.scss`, add the line:\n\n```scss\n@import '~arctic_admin/src/scss/main';\n```\n\nRemove:\n\n```scss\n@import \"~@activeadmin/activeadmin/src/scss/mixins\";\n@import \"~@activeadmin/activeadmin/src/scss/base\";\n```\n\n### 2 - JS\n\nSearch for `app/javascript/packs/active_admin.js` in your rails project and add the following lines: \n\n```js\nimport \"@fortawesome/fontawesome-free/css/all.css\";\nimport 'arctic_admin'\n```\n\n\n### Customization\n\nFor this, you need to use SASS to customize the theming.\n\nRight now you can change the primary color of the theme by placing the following variable in your `active_admin.scss` file:\n\n```scss\n$primary-color: #2dbb43;\n\n@import \"~arctic_admin/src/scss/main\";\n```\n\nIf you use the\n[Sass indented syntax](http://sass-lang.com/docs/yardoc/file.INDENTED_SYNTAX.html),\nadd this to your `active_admin.sass` file:\n\n```sass\n$primary-color: #2dbb43\n\n@import ~arctic_admin/src/scss/main\n```\n\nThen restart your webserver if it was previously running.\n\n## Contributing\n\n1. Fork it ( https://github.com/cprodhomme/arctic_admin/fork )\n2. Create your feature branch (`git checkout -b my-new-feature`)\n3. Commit your changes (`git commit -am 'Add some feature'`)\n4. Push to the branch (`git push origin my-new-feature`)\n5. Create new Pull Request\n" }, { "path": "app/assets/images/.keep", "content": "" }, { "path": "app/assets/javascripts/arctic_admin/base.js", "content": "//= require active_admin/base\n//= require ./main\n" }, { "path": "app/assets/javascripts/arctic_admin/main.js", "content": "// right filter sidebar toggle\nfunction sidebar() {\n return document.querySelector('#sidebar')\n}\nfunction sidebarToggle(event) {\n const insideSection = document.querySelector('#filters_sidebar_section')\n\n if (!(event.target === insideSection || insideSection.contains(event.target)) && event.target.className != \"select2-selection__choice__remove\") {\n sidebar().classList.toggle('sidebar_open')\n }\n}\n\n// left menu sidebar toggle with menu button\nfunction menuButton() {\n return document.querySelector('#utility_nav')\n}\nfunction menu() {\n return document.querySelector('#tabs')\n}\nfunction menuToggle(event) {\n const currentUser = document.querySelector('#current_user')\n const logout = document.querySelector('#logout')\n const forbiddenLinks = event.target === logout ||\n logout.contains(event.target) ||\n event.target === currentUser ||\n (currentUser && currentUser.contains(event.target))\n if (!forbiddenLinks) {\n menu().classList.toggle('tabs_open')\n }\n}\n\n// left menu sidebar close on any click outside\nfunction menuClose(event) {\n const forbiddenLinks = event.target === menu ||\n menu().contains(event.target) ||\n event.target === menuButton() ||\n menuButton().contains(event.target)\n if (menu().classList.contains('tabs_open') && !forbiddenLinks) {\n menu().classList.remove('tabs_open')\n }\n}\n\n// nested menu items toggle\nfunction nestedMenuItems() {\n return document.querySelectorAll('#tabs .has_nested')\n}\n\n// add event listeners\nfunction addListeners() {\n\n // right filter sidebar toggle\n if (sidebar()) {\n sidebar().addEventListener('click', sidebarToggle)\n }\n\n // left menu sidebar toggle with menu button\n if (menuButton()) {\n menuButton().addEventListener('click', menuToggle)\n }\n\n // left menu sidebar close on any click outside\n document.body.addEventListener('click', menuClose)\n\n // nested menu items toggle\n nestedMenuItems().forEach(\n (nestedMenuItem) => {\n nestedMenuItem.addEventListener('click', (e) => {\n e.stopPropagation()\n nestedMenuItem.classList.toggle('open')\n })\n }\n )\n}\n\n// remove all previous eventListeners\nfunction removeListeners() {\n\n // right filter sidebar toggle\n if (sidebar()) {\n sidebar().removeEventListener('click', sidebarToggle)\n }\n\n // left menu sidebar toggle with menu button\n menuButton().removeEventListener('click', menuToggle)\n\n // left menu sidebar close on any click outside\n document.body.removeEventListener('click', menuClose)\n\n // nested menu items toggle\n nestedMenuItems().forEach(\n (nestedMenuItem) => {\n nestedMenuItem.removeEventListener('click', (e) => {\n e.stopPropagation()\n nestedMenuItem.classList.toggle('open')\n })\n }\n )\n}\n\ndocument.addEventListener('DOMContentLoaded', addListeners)\n\ndocument.addEventListener('turbolinks:load', () => {\n removeListeners()\n addListeners()\n})\n" }, { "path": "app/assets/stylesheets/arctic_admin/_base.scss", "content": "@import \"font-awesome\";\n\n@import \"reset\";\n@import \"fonts\";\n@import \"variables/variables\";\n\n@import \"mixins/mixins\";\n\n@import \"common\";\n@import \"buttons\";\n@import \"grid\";\n\n@import \"components/*\";\n@import \"layouts/*\";\n@import \"pages/*\";\n\nbody {\n font-family: $font-family-body;\n background-color: $body-background;\n color: $text-color;\n}\n\nh1, h2, h3, h4, h5, h6 {\n margin-top: 0;\n}\n\na {\n color: $link-primary-color;\n text-decoration: none;\n}\n" }, { "path": "app/assets/stylesheets/arctic_admin/_buttons.scss", "content": ".button {\n @include primary-button($primary-color, #fff);\n padding: 5px 8px;\n font-size: 16px;\n\n &.small {\n padding: 2px 9px;\n font-size: 12px;\n }\n\n &.large {\n padding: 10px;\n font-size: 18px;\n }\n\n &.action {\n margin-right: 4px;\n }\n}\n" }, { "path": "app/assets/stylesheets/arctic_admin/_common.scss", "content": "code {\n display: block;\n background-color: #272822;\n padding: 5px;\n color: white;\n}\n\nhr {\n border: 1px solid $border-color;\n color: $primary-color;\n margin: 10px auto 25px auto;\n}" }, { "path": "app/assets/stylesheets/arctic_admin/_fonts.scss", "content": "/* Webfont: Lato-Bold */@font-face {\n font-family: 'LatoWeb';\n src: font-url('Lato-Bold.eot'); /* IE9 Compat Modes */\n src: font-url('Lato-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n font-url('Lato-Bold.woff2') format('woff2'), /* Modern Browsers */\n font-url('Lato-Bold.woff') format('woff'), /* Modern Browsers */\n font-url('Lato-Bold.ttf') format('truetype');\n font-style: normal;\n font-weight: bold;\n text-rendering: optimizeLegibility;\n}\n\n/* Webfont: Lato-BoldItalic */@font-face {\n font-family: 'LatoWeb';\n src: font-url('Lato-BoldItalic.eot'); /* IE9 Compat Modes */\n src: font-url('Lato-BoldItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n font-url('Lato-BoldItalic.woff2') format('woff2'), /* Modern Browsers */\n font-url('Lato-BoldItalic.woff') format('woff'), /* Modern Browsers */\n font-url('Lato-BoldItalic.ttf') format('truetype');\n font-style: italic;\n font-weight: bold;\n text-rendering: optimizeLegibility;\n}\n\n/* Webfont: Lato-Italic */@font-face {\n font-family: 'LatoWeb';\n src: font-url('Lato-Italic.eot'); /* IE9 Compat Modes */\n src: font-url('Lato-Italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n font-url('Lato-Italic.woff2') format('woff2'), /* Modern Browsers */\n font-url('Lato-Italic.woff') format('woff'), /* Modern Browsers */\n font-url('Lato-Italic.ttf') format('truetype');\n font-style: italic;\n font-weight: normal;\n text-rendering: optimizeLegibility;\n}\n\n/* Webfont: Lato-Regular */@font-face {\n font-family: 'LatoWeb';\n src: font-url('Lato-Regular.eot'); /* IE9 Compat Modes */\n src: font-url('Lato-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n font-url('Lato-Regular.woff2') format('woff2'), /* Modern Browsers */\n font-url('Lato-Regular.woff') format('woff'), /* Modern Browsers */\n font-url('Lato-Regular.ttf') format('truetype');\n font-style: normal;\n font-weight: normal;\n text-rendering: optimizeLegibility;\n}\n" }, { "path": "app/assets/stylesheets/arctic_admin/_grid.scss", "content": ".columns {\n display: flex;\n flex-wrap:wrap;\n}\n" }, { "path": "app/assets/stylesheets/arctic_admin/_main.scss", "content": "@import 'reset';\n\n@import './variables/variables';\n\n@import './mixins/mixins';\n\n@import 'common';\n@import 'buttons';\n@import 'grid';\n\n@import './components/columns';\n@import './components/comments';\n@import './components/date_picker';\n@import './components/dialogs';\n@import './components/flash';\n@import './components/form';\n@import './components/inputs';\n@import './components/pagination';\n@import './components/panel_contents';\n@import './components/select2';\n@import './components/status_tag';\n@import './components/tables';\n@import './components/tabs';\n\n@import './layouts/filter';\n@import './layouts/footer';\n@import './layouts/header';\n@import './layouts/main_content';\n@import './layouts/sidebar';\n@import './layouts/wrapper';\n\n@import './pages/form';\n@import './pages/index';\n@import './pages/login';\n@import './pages/show';\nbody {\n font-family: $font-family-body;\n background-color: $body-background;\n color: $text-color;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-top: 0;\n}\n\na {\n color: $link-primary-color;\n text-decoration: none;\n}\n" }, { "path": "app/assets/stylesheets/arctic_admin/_reset.scss", "content": "*, *:after, *:before {\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n}\n\nhtml {\n -webkit-tap-highlight-color: rgba(0,0,0,0);\n}\n\nhtml, body {\n padding: 0;\n margin: 0;\n min-height: 100vh;\n}\n\nfieldset {\n border: none;\n margin: 0;\n padding: 0;\n}\n\nlegend {\n padding: 0;\n}\n\nol, ul {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\nth {\n font-weight: normal;\n}\n\nabbr[title] {\n border-bottom: none;\n cursor: inherit;\n text-decoration: none;\n}\n" }, { "path": "app/assets/stylesheets/arctic_admin/components/_columns.scss", "content": ".columns {\n display: flex;\n flex-wrap: wrap;\n}\n" }, { "path": "app/assets/stylesheets/arctic_admin/components/_comments.scss", "content": ".comments {\n margin-top: 20px;\n @include clear-fix();\n\n h3 {\n margin: 0 0 10px 0;\n }\n \n .panel_contents .empty {\n margin-bottom: 10px;\n display: inline-block;\n }\n\n .active_admin_comment:not(#new_active_admin_comment) {\n margin-bottom: 20px;\n border: 1px solid $border-color;\n\n .active_admin_comment_meta {\n background-color: $sidebar-background;\n padding: 8px 10px;\n\n .active_admin_comment_author {\n margin: 0;\n display: inline-block;\n }\n\n span { // date\n font-size: 14px;\n font-style: italic;\n line-height: 21px;\n }\n\n a[data-method=\"delete\"] {\n @include primary-button($primary-color, white);\n padding: 2px 9px;\n font-size: 12px;\n float: right;\n }\n }\n\n .active_admin_comment_body {\n padding: 0 10px;\n }\n }\n\n .pagination_information {\n margin-bottom: 20px;\n }\n}\n" }, { "path": "app/assets/stylesheets/arctic_admin/components/_date_picker.scss", "content": "#ui-datepicker-div {\n background-color: #fff;\n padding: 5px;\n border-radius: $border-radius;\n @include box-shadow($box-shadow);\n z-index: 3!important;\n padding: 8px 10px;\n\n .ui-datepicker-header {\n @include clear-fix();\n margin-bottom: 10px;\n\n .ui-datepicker-prev, .ui-datepicker-next {\n @include primary-button($button-primary-color, #fff);\n padding: 2px 5px;\n font-size: 14px;\n }\n\n .ui-datepicker-prev {\n float: left;\n }\n\n .ui-datepicker-next {\n float: right;\n }\n\n .ui-datepicker-title {\n text-align: center;\n }\n }\n\n .ui-datepicker-calendar {\n td {\n border: none;\n text-align: center;\n }\n }\n}\n" }, { "path": "app/assets/stylesheets/arctic_admin/components/_dialogs.scss", "content": ".ui-dialog {\n background-color: #fff;\n @include box-shadow($box-shadow);\n border-radius: $border-radius;\n padding: 15px 10px;\n z-index: 1;\n\n &:focus, &:active {\n -webkit-tap-highlight-color: rgba(0,0,0,0);\n outline: 0;\n }\n\n .ui-button {\n @include primary-button($primary-color, #fff);\n border: 0;\n margin-right: 5px;\n padding: 5px 10px;\n }\n\n .ui-dialog-titlebar-close {\n display: none;\n }\n}" }, { "path": "app/assets/stylesheets/arctic_admin/components/_flash.scss", "content": ".flash {\n width: 100%;\n padding: 10px;\n text-align: center;\n background-color: $flash-background-color;\n color: $flash-text-color;\n}\n\n.flash_alert, .flash_error {\n background-color: $error;\n color: $flash-text-color;\n}\n\n.flash_warning {\n background-color: $warning;\n color: $flash-text-color;\n}\n\n.flash_notice {\n background-color: $success;\n color: $flash-text-color;\n}\n\n.flash_info {\n background-color: $info;\n color: $flash-text-color;\n}" }, { "path": "app/assets/stylesheets/arctic_admin/components/_form.scss", "content": ".label {\n display: inline-block;\n margin-bottom: 5px;\n}\n\n.input {\n margin-bottom: 20px;\n\n &.hidden {\n margin: 0;\n }\n}\n\n#active_admin_content {\n form {\n li {\n list-style: none;\n }\n \n legend:not(.label) {\n margin-bottom: 28px;\n font-size: 18px;\n display: block;\n width: 100%;\n padding-bottom: 12px;\n border-bottom: 1px solid $body-background;\n }\n\n .error {\n input, select, textarea {\n @include input-invalid();\n }\n }\n\n input:not([disabled]):not([type=\"submit\"]), select, textarea {\n &.error {\n @include input-invalid();\n }\n }\n \n .inline-hints {\n margin: 5px 0 20px $form-margin-left;\n font-size: $font-size;\n font-style: italic;\n }\n\n .inline-errors, label.error {\n color: $error;\n margin-top: 5px;\n margin-bottom: 20px;\n font-size: $font-size;\n }\n\n label.error {\n display: block;\n margin-left: $form-margin-left;\n }\n \n .button.has_many_remove {\n @include tertiary-button($red);\n }\n \n .button.has_many_add {\n @include secondary-button($primary-color);\n }\n }\n\n .actions {\n .action {\n display: inline-block;\n margin-right: 10px;\n\n input[type=\"submit\"] {\n line-height: 43px;\n }\n }\n\n .cancel {\n display: inline-block;\n }\n }\n}\n" }, { "path": "app/assets/stylesheets/arctic_admin/components/_inputs.scss", "content": "input[type=\"text\"], input[type=\"email\"], input[type=\"password\"],\ninput[type=\"tel\"], input[type=\"date\"], input[type=\"datetime-local\"],\ninput[type=\"month\"], input[type=\"range\"], input[type=\"search\"],\ninput[type=\"time\"], input[type=\"url\"], input[type=\"week\"],\ninput[type=\"number\"], textarea {\n @include appearance();\n @include box-shadow(none);\n\n display: block;\n width: 100%;\n height: $input-height;\n padding: 6px 12px;\n font-size: $font-size;\n line-height: 1.57142857;\n color: $text-color;\n background-color: #fff;\n background-image: none;\n border: 1px solid $border-color;\n outline: 0;\n border-radius: $border-radius;\n @include transition(border-color ease-in-out .15s);\n\n &:focus {\n border-color: $primary-color;\n @include appearance();\n @include transition(border .25s linear,color .25s linear,background-color .25s linear);\n }\n\n &:disabled {\n opacity: 0.6;\n }\n\n &:-webkit-autofill, &:-webkit-autofill:hover, &:-webkit-autofill:focus {\n -webkit-box-shadow: 0 0 0px 1000px white inset;\n -webkit-text-fill-color: $text-color;\n }\n}\n\ninput[type=\"submit\"] {\n @include appearance();\n @include primary-button($button-primary-color, white);\n width: 100%;\n padding: 0 12px;\n font-size: 15px;\n font-weight: 500;\n @include box-shadow(0 1px 0 rgba(0,0,0,.05));\n border: none;\n cursor: pointer;\n}\n\ninput[type=\"checkbox\"] {\n height: 15px;\n width: 15px;\n -webkit-appearance: none!important;\n background-color: #fff;\n border: 1px solid #e6e6e6;\n border-radius: $border-radius;\n box-sizing: border-box;\n @include outline();\n @include transition-button();\n cursor: pointer;\n\n &:checked {\n border-color: $primary-color;\n background-color: $primary-color !important;\n }\n}\n\ninput[type=\"radio\"] {\n @include appearance();\n border: 2px solid $primary-color;\n width: 15px;\n height: 15px;\n border-radius: 50%;\n margin: 1px 5px 1px 1px;\n display: inline-flex;\n @include outline();\n @include transition-button();\n\n &:checked {\n background-color: $primary-color;\n }\n}\n\nselect {\n background-color: #fff;\n background-image: none;\n border: 1px solid $border-color;\n outline: 0;\n border-radius: $border-radius;\n font-size: $font-size;\n color: #5a5a5a;\n @include transition(border-color ease-in-out .15s);\n\n &:focus {\n border-color: $primary-color;\n @include box-shadow(none);\n @include transition(border .25s linear,color .25s linear,background-color .25s linear);\n }\n\n &:-webkit-autofill {\n -webkit-box-shadow: 0 0 0px 1000px white inset;\n }\n}\n\ntextarea {\n min-height: 80px;\n height: auto;\n padding: 5px 10px;\n}\n" }, { "path": "app/assets/stylesheets/arctic_admin/components/_pagination.scss", "content": ".pagination {\n font-size: 13px;\n margin-bottom: 10px;\n\n .page {\n text-align: center;\n }\n\n .page a, .next a, .last a, .first a, .prev a {\n padding: .3rem .4rem;\n color: $text-color;\n @include transition-button();\n\n &:hover {\n color: $link-primary-color;\n }\n }\n .page.current {\n background-color: $link-primary-color;\n color: #fff;\n border-radius: $border-radius;\n padding: .3rem .4rem;\n cursor: normal;\n }\n}" }, { "path": "app/assets/stylesheets/arctic_admin/components/_panel_contents.scss", "content": ".panel_contents {\n .paginated_collection {\n #index_footer {\n margin: 10px;\n text-align: right;\n font-size: 12px;\n }\n }\n\n th {\n text-align: left;\n padding: 8px;\n }\n}\n" }, { "path": "app/assets/stylesheets/arctic_admin/components/_select2.scss", "content": ".select2-container--default .select2-selection--single .select2-selection__rendered{\n line-height: $input-height; \n color: $text-color; \n font-size: $font-size;\n}\n\n.select2-container .select2-selection--single{ \n height: $input-height;\n outline: 0;\n}\n\n.select2-container--default .select2-selection--single .select2-selection__arrow{ \n height: $input-height;\n}\n\n.select2-container--default .select2-selection--single { \n border-color: $border-color;\n}\n\n.select2-container .select2-selection--single .select2-selection__rendered{ \n padding-left: 12px;\n}\n\n.select2-dropdown{\n border-color: $border-color; \n}\n\n.select2-container--default .select2-results__option--highlighted[aria-selected]{\n background-color: $primary_color;\n}\n\n.select2-container--default .select2-search--dropdown .select2-search__field{\n border-color: $border-color;\n}\n\n.select2-container--default .select2-results__option[aria-selected=true]{\n background-color: $body-background;\n}\n\n.select2-search--dropdown .select2-search__field{\n padding-left: 12px;\n}\n\n.select2-results{\n font-size: $font-size;\n}\n\n.select2-results__option{\n padding-left: 12px;\n}\n" }, { "path": "app/assets/stylesheets/arctic_admin/components/_status_tag.scss", "content": ".status_tag {\n background: $status-tag-background-color;\n color: $status-tag-text-color;\n text-transform: uppercase;\n letter-spacing: 0.15em;\n padding: 3px 5px 2px 5px;\n font-size: 0.8em;\n border-radius: $border-radius;\n\n &.ok, &.published, &.complete, &.completed, &.green, &.yes {\n background-color: $status-tag-background-valid-color;\n }\n\n &.cancel, &.red, &.no {\n background-color: $status-tag-background-error-color;\n }\n}\n" }, { "path": "app/assets/stylesheets/arctic_admin/components/_tables.scss", "content": "table {\n width: 100%;\n border-collapse: collapse;\n\n &:not(.index_table) {\n border-radius: $border-radius;\n margin-bottom: 10px;\n }\n}\n\nthead tr {\n border: 1px solid $border-color;\n background-color: $border-color;\n}\n\nthead th {\n font-size: 12px;\n text-align: left;\n\n a {\n color: $text-color-important;\n font-weight: normal;\n width: 100%;\n display: inline-block;\n padding: 4px 20px 4px 4px;\n\n @media screen and (min-width: $md-width) {\n padding: 8px 20px 8px 8px;\n }\n }\n\n &.col-selectable {\n padding-left: 4px;\n\n @media screen and (min-width: $md-width) {\n padding-left: 8px;\n }\n }\n}\n\ntbody tr {\n th {\n font-size: $font-size;\n }\n\n td {\n padding: 4px;\n vertical-align: middle;\n color: $text-color;\n font-size: 12px;\n\n &.col-actions {\n padding: 6px 8px;\n }\n\n @media screen and (min-width: $md-width) {\n padding: 8px;\n }\n }\n}\n\n// style only for table\n.index_as_table {\n tbody tr {\n border: 1px solid $border-color;\n\n &:hover {\n background-color: rgba(228, 234, 236, 0.3);\n }\n }\n}\n" }, { "path": "app/assets/stylesheets/arctic_admin/components/_tabs.scss", "content": ".tabs.ui-tabs {\n border: 1px solid $border-color;\n\n .nav {\n border-bottom: 1px solid $border-color;\n \n li {\n display: inline-block;\n text-align: center;\n @include outline();\n\n a {\n color: $text-color;\n display: inline-block;\n padding: 15px 25px;\n @include outline();\n @include transition-button();\n }\n \n &.ui-tabs-active {\n border-bottom: 2px solid $link-primary-color;\n\n a {\n color: $link-primary-color;\n }\n }\n }\n }\n\n .tab-content {\n padding: 10px 20px;\n }\n}" }, { "path": "app/assets/stylesheets/arctic_admin/components/_toggle.scss", "content": "$toggle-width: 40px !default;\n$toggle-height: 20px !default;\n$toggle-offset: 3px !default;\n\n$toggle-outer-default: #ddd !default;\n$toggle-outer-active: $link-primary-color !default;\n$toggle-inner-default: #fff !default;\n$toggle-inner-active: #fff !default;\n\n$toggle-transition: 200ms ease-out !default;\n\n.toggle-bool-switches-container {\n display: flex;\n text-align: left;\n\n span {\n line-height: 0;\n }\n\n .toggle-bool-switch {\n // reset style\n background-image: none;\n box-shadow: none;\n //\n\n cursor: pointer;\n\n position: relative;\n display: inline-flex;\n align-items: center;\n width: $toggle-width;\n height: $toggle-height;\n background-color: $toggle-outer-default;\n border-radius: 100vw;\n cursor: pointer;\n transition: $toggle-transition;\n\n &::before {\n // reset style\n height: auto;\n width: auto;\n background-image: none;\n //\n\n\n content: \"\";\n position: absolute;\n top: $toggle-offset;\n left: $toggle-offset;\n bottom: $toggle-offset;\n \n aspect-ratio: 1 / 1;\n \n background-color: $toggle-inner-default;\n border-radius: 50%;\n box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.05);\n transition: $toggle-transition;\n }\n\n &.on {\n // reset style\n background-image: none;\n //\n background: $link-primary-color;\n\n &::before {\n // reset style\n left: $toggle-offset;\n //\n\n background-color: $toggle-inner-active;\n $toggle-translate-x: calc(( #{$toggle-width} - #{$toggle-height} ));\n transform: translateX($toggle-translate-x);\n }\n }\n }\n}\n" }, { "path": "app/assets/stylesheets/arctic_admin/layouts/_filter.scss", "content": "#sidebar {\n width: $filter-width;\n background-color: #fff;\n border-radius: $border-radius;\n @include box-shadow(0 0 4px 0 rgba(0,0,0,.04));\n margin-bottom: 30px;\n\n @media screen and (min-width: $x-lg-width) {\n width: $lg-filter-width;\n }\n\n .sidebar_section {\n padding: 15px 20px;\n overflow-y: scroll;\n max-height: 80vh;\n\n h3 {\n margin: 0 0 10px 0;\n }\n\n .label {\n display: block;\n text-align: left;\n }\n\n .input {\n margin-bottom: 10px;\n\n input, select {\n height: 36px;\n padding: 3px 5px;\n font-size: 14px;\n }\n }\n\n .select_and_search {\n input, select {\n width: 50%;\n display: inline-block; \n }\n\n input {\n float: right;\n }\n }\n\n .filter_select select {\n width: 100%;\n }\n\n .filter_date_range input {\n width: 50%;\n display: inline-block;\n\n // consistent look of all filters\n &:nth-child(2) {\n float: left;\n }\n }\n\n input[type=\"submit\"] {\n width: auto;\n line-height: 31px;\n margin-right: 10px;\n }\n\n &.panel {\n position: relative;\n }\n }\n\n #search-status-_sidebar_section {\n font-size: 14px;\n }\n\n // 'Filter' and 'Clear Filters' buttons\n .buttons {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-top: 1rem;\n }\n}\n\n// fix pour search select filter de ActiveAdmin_Addons\n.search_select_filter, .filter_boolean {\n .select2.select2-container {\n width: 100% !important;\n }\n}\n" }, { "path": "app/assets/stylesheets/arctic_admin/layouts/_footer.scss", "content": ".footer {\n display: inline-block;\n padding: 0 15px;\n}" }, { "path": "app/assets/stylesheets/arctic_admin/layouts/_header.scss", "content": "body.active_admin.logged_in {\n padding-top: 50px;\n\n @media screen and (min-width: $sm-width) {\n padding-top: 60px;\n }\n\n @media screen and (min-width: $lg-width) {\n padding-left: $header-width;\n }\n\n @media screen and (min-width: $x-lg-width) {\n padding-left: $lg-header-width;\n }\n\n #active_admin_content {\n padding: 20px 0;\n @include clear-fix();\n\n @media screen and (min-width: $lg-width) {\n padding: 20px 25px;\n }\n }\n}\n\n.header {\n .site_title {\n width: 160px;\n height: 50px;\n font-size: 16px;\n line-height: 50px;\n position: fixed;\n top: 0;\n left: 0;\n background-color: $header-background;\n border-bottom: 1px solid $header-border-color;\n text-align: center;\n margin: 0;\n\n @media screen and (min-width: $sm-width) {\n width: $header-width;\n height: 60px;\n font-size: 20px;\n line-height: 60px;\n }\n\n @media screen and (min-width: $x-lg-width) {\n width: $lg-header-width;\n }\n \n #site_title_image {\n height: 100%;\n padding: 6px 0;\n }\n }\n\n #utility_nav {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n height: 50px;\n width: calc(100% - 160px);\n position: fixed;\n top: 0;\n right: 0;\n z-index: 3;\n text-align: right;\n background-color: $header-background;\n border-bottom: 1px solid $header-border-color;\n\n &:before {\n @include icon($icon-menu);\n\n display: inline;\n visibility: visible;\n cursor: pointer;\n position: absolute;\n top: 0;\n left: 0;\n color: $text-color;\n padding: 15px 0;\n text-align: center;\n width: 40px;\n font-size: 20px;\n }\n\n @media screen and (min-width: $sm-width) {\n height: 60px;\n width: $screen-header-width;\n\n &:before {\n padding: 20px 0;\n }\n }\n\n @media screen and (min-width: $lg-width) {\n &:before {\n display: none;\n }\n }\n\n @media screen and (min-width: $x-lg-width) {\n width: $lg-screen-header-width;\n }\n\n li {\n display: inline-block;\n @include transition-button();\n\n &:hover {\n background-color: $header-nav-action-hover-background;\n }\n\n &:active {\n background-color: $header-nav-action-active-background;\n }\n }\n\n #current_user {\n a {\n color: transparent;\n position: relative;\n width: 50px;\n height: 49px;\n display: inline-block;\n\n &:before {\n @include icon($icon-user);\n\n display: inline;\n visibility: visible;\n cursor: pointer;\n position: absolute;\n top: 0;\n right: 0;\n color: $text-color;\n padding: 15px 0;\n text-align: center;\n width: 50px;\n font-size: 20px;\n }\n\n @media screen and (min-width: $sm-width) {\n width: 60px;\n height: 59px;\n\n &:before {\n padding: 20px 0;\n width: 60px;\n }\n }\n }\n }\n\n #logout {\n min-width: 50px;\n min-height: 49px;\n float: right;\n\n a {\n color: transparent;\n position: relative;\n width: 50px;\n display: block;\n\n &:before {\n @include icon($icon-logout);\n\n display: inline;\n visibility: visible;\n cursor: pointer;\n position: absolute;\n top: 0;\n right: 0;\n color: $text-color;\n padding: 15px 0;\n text-align: center;\n width: 50px;\n font-size: 20px;\n }\n\n }\n \n @media screen and (min-width: $sm-width) {\n min-width: 60px;\n min-height: 59px;\n\n a {\n width: 60px;\n height: 59px;\n\n &:before {\n padding: 20px 0;\n width: 60px;\n }\n }\n }\n }\n }\n}\n\n#title_bar {\n background-color: #fff;\n @include box-shadow($box-shadow);\n margin: 15px 0 0 0;\n padding: 8px 10px;\n @include clear-fix();\n\n @media screen and (min-width: $lg-width) {\n padding: 8px 20px;\n border-radius: $border-radius;\n margin: 15px 25px 0 25px;\n }\n\n #titlebar_left {\n display: inline-block;\n float: left;\n line-height: 29px;\n\n h2 {\n display: inline-block;\n font-size: 16px;\n }\n }\n\n #titlebar_right {\n display: inline-block;\n float: right;\n\n .action_item a {\n @include primary-button($button-primary-color, #fff);\n padding: 5px 8px;\n }\n }\n\n #page_title {\n font-weight: normal;\n margin: 0;\n }\n}\n" }, { "path": "app/assets/stylesheets/arctic_admin/layouts/_main_content.scss", "content": "#main_content_wrapper {\n float: left;\n width: 100%;\n\n @include clear-fix();\n}\n\n#active_admin_content.with_sidebar #main_content_wrapper {\n width: 100%;\n\n @media screen and (min-width: $sm-width) {\n #main_content {\n border-top-right-radius: $border-radius;\n border-bottom-right-radius: $border-radius;\n }\n }\n\n @media screen and (min-width: $lg-width) {\n #main_content {\n margin-right: 20px;\n }\n }\n\n @media screen and (min-width: $lg-width) {\n #main_content {\n margin-right: 20px;\n }\n }\n}\n\n#main_content {\n background-color: #fff;\n @include box-shadow(0 0 4px 0 rgba(0,0,0,.04));\n padding: 15px 10px;\n\n @media screen and (max-width: 576px) {\n overflow-x: scroll;\n }\n\n @media screen and (min-width: $lg-width) {\n padding: 20px;\n border-radius: $border-radius;\n }\n}" }, { "path": "app/assets/stylesheets/arctic_admin/layouts/_sidebar.scss", "content": ".header #tabs {\n width: $header-width;\n height: calc(100% - 60px);\n position: fixed;\n top: 50px;\n background-color: $sidebar-background;\n border-right: 1px solid $sidebar-border-color;\n z-index: 1;\n overflow: auto;\n left: - $header-width;\n transition: .5s;\n transition-timing-function: ease-in-out;\n\n &.tabs_open {\n left: 0;\n }\n\n @media screen and (min-width: $sm-width) {\n top: 60px;\n }\n\n @media screen and (min-width: $lg-width) {\n left: 0px !important;\n }\n\n @media screen and (min-width: $x-lg-width) {\n width: $lg-header-width;\n }\n\n li {\n width: 100%;\n font-size: $font-size;\n line-height: 38px;\n cursor: pointer;\n\n a {\n width: 100%;\n height: 100%;\n display: inline-block;\n color: $text-color;\n padding: 0 20px;\n\n &:hover {\n background-color: $sidebar-item-hover-background;\n }\n }\n\n &.current {\n a {\n color: $link-primary-color;\n }\n }\n\n &.has_nested {\n & > a:nth-child(1) {\n position: relative;\n\n &:after {\n @include icon($icon-down);\n display: inline;\n position: absolute;\n top: 50%;\n right: 20px;\n @include transform(translateY(-50%));\n color: $text-color;\n }\n }\n\n ul {\n border-top: 1px solid $sidebar-border-color;\n border-bottom: 1px solid $sidebar-border-color;\n background-color: $body-background;\n padding: 10px 0;\n cursor: auto;\n display: none;\n\n a {\n padding: 0px 15px 0px 35px;\n color: $text-color;\n\n &:hover {\n background-color: $sidebar-nested-item-hover-background;\n }\n\n @media screen and (min-width: $x-lg-width) {\n padding: 0px 15px 0px 40px;\n }\n }\n\n .current a {\n color: $link-primary-color;\n }\n }\n\n &.open, &.current {\n & > a:nth-child(1) {\n position: relative;\n\n &:after {\n @include icon($icon-up);\n }\n }\n\n & > ul {\n display: block;\n }\n }\n }\n }\n}\n" }, { "path": "app/assets/stylesheets/arctic_admin/layouts/_wrapper.scss", "content": "#wrapper {\n display: flex;\n flex-direction: column;\n\n .flashes {\n order: -1;\n }\n}" }, { "path": "app/assets/stylesheets/arctic_admin/mixins/_buttons_mixins.scss", "content": "$bg-tertiary-button: transparent;\n$bg-tertiary-button-hover: rgba($border-color, .3);;\n\n@mixin button() {\n border-radius: $border-radius;\n display: inline-block;\n @include transition-button();\n cursor: pointer;\n\n &:active, &:focus {\n outline: 0;\n }\n\n &.disabled, &:disabled {\n opacity: 0.6;\n cursor: no-drop;\n }\n}\n\n@mixin primary-button($background-color, $color) {\n background-color: $background-color;\n color: $color;\n border: none; \n @include button();\n\n &:hover {\n background-color: lighten($background-color, 10%);\n }\n\n &:active, &:focus {\n background-color: darken($background-color, 10%); \n }\n\n &:disabled {\n background-color: $background-color;\n }\n}\n\n@mixin secondary-button($color) {\n background-color: #fff;\n color: $color;\n border: 1px solid $color;\n padding: 4px 8px;\n @include button();\n\n &:hover {\n color: #fff;\n background-color: $color;\n }\n\n &:active, &:focus {\n background-color: darken($color, 10%);\n color: #fff;\n }\n}\n\n@mixin tertiary-button($color) {\n background-color: $bg-tertiary-button;\n color: $color;\n border: 1px solid $bg-tertiary-button;\n padding: 4px 8px;\n @include button();\n\n &:hover {\n color: $color;\n background-color: $bg-tertiary-button-hover;\n }\n\n &:active, &:focus {\n background-color: $bg-tertiary-button-hover;\n color: $color;\n }\n}\n\n@mixin secondary-dropdown($color) {\n @include secondary-button($color);\n padding: 6px 25px 6px 10px;\n position: relative;\n\n &:after {\n @include icon($icon-sort-down);\n position: absolute;\n right: 8px;\n }\n\n &:active, &:focus {\n background-color: darken($color, 10%); \n color: #fff;\n }\n\n &.disabled, &:disabled {\n color: $grey;\n background-color: #f3f7f9;\n border-color: #f3f7f9;\n @include box-shadow(none);\n opacity: .65;\n }\n}\n\n@mixin group-button($color) {\n a {\n display: inline-block;\n color: $color;\n border-top: 1px solid $color;\n border-bottom: 1px solid $color;\n float: left;\n padding: 6px 10px;\n border-right: 1px solid $color;\n @include transition-button();\n }\n\n &:first-child a {\n border-left: 1px solid $color;\n border-top-left-radius: $border-radius;\n border-bottom-left-radius: $border-radius;\n }\n\n &:last-child a {\n border-top-right-radius: $border-radius;\n border-bottom-right-radius: $border-radius;\n }\n\n &:hover {\n a {\n background-color: lighten($color, 10%);\n border-color: lighten($color, 10%);\n color: #fff;\n }\n }\n\n &:active, &:focus, &.selected {\n a {\n background-color: darken($color, 10%);\n border-color: darken($color, 10%);\n color: #fff;\n }\n }\n}\n\n@mixin little-button() {\n padding: 6px 12px;\n}\n" }, { "path": "app/assets/stylesheets/arctic_admin/mixins/_forms.scss", "content": "@mixin input-valid() {\n border-color: $success;\n background-color: rgba($success, .1);\n}\n\n@mixin input-invalid() {\n border-color: $error;\n background-color: rgba($error, .1);\n}" }, { "path": "app/assets/stylesheets/arctic_admin/mixins/_mixins.scss", "content": "@import \"prefix_mixins\";\n@import \"buttons_mixins\";\n@import \"sidebar_mixins\";\n@import \"forms\";" }, { "path": "app/assets/stylesheets/arctic_admin/mixins/_prefix_mixins.scss", "content": "@mixin transform($var) {\n -webkit-transform: $var;\n -moz-transform: $var;\n -ms-transform: $var;\n -o-transform: $var;\n transform: $var;\n}\n\n@mixin appearance($effect:none) {\n -webkit-appearance: $effect;\n -moz-appearance: $effect;\n -ms-appearance: $effect;\n -o-appearance: $effect;\n appearance: $effect;\n}\n\n@mixin transition($args...) {\n -webkit-transition: $args;\n -o-transition: $args;\n transition: $args;\n}\n\n@mixin transition-button() {\n @include transition(border .15s linear,color .15s linear,width .15s linear,background-color .15s linear);\n}\n\n@mixin box-shadow($args...) {\n -webkit-box-shadow: $args;\n -moz-box-shadow: $args;\n box-shadow: $args;\n}\n\n@mixin disable-user-select() {\n -webkit-touch-callout: none;\n -webkit-user-select: none;\n -khtml-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n\n@mixin clear-fix() {\n &:after {\n content: '';\n display: block;\n clear: both;\n }\n}\n\n@mixin outline() {\n &:focus {\n outline: 0;\n }\n}\n\n@mixin icon($code-icon) {\n font-size: inherit;\n text-rendering: auto;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font: 900 normal normal 14px/1 $font-icon;\n content: $code-icon;\n}\n" }, { "path": "app/assets/stylesheets/arctic_admin/mixins/_sidebar_mixins.scss", "content": "@mixin sidebar-container() {\n #active_admin_content.with_sidebar {\n #main_content_wrapper {\n width: $screen-filter-width;\n\n @media screen and (min-width: $sm-width) {\n padding-right: 10px;\n }\n\n @media screen and (min-width: $lg-width) {\n padding-right: 0;\n width: $lg-screen-filter-width;\n }\n }\n\n #sidebar {\n display: inline-block;\n\n tr:hover {\n background: rgba(243, 247, 249, 0.3);\n }\n }\n }\n}\n" }, { "path": "app/assets/stylesheets/arctic_admin/pages/_form.scss", "content": "@mixin arctic-admin-form() {\n @include sidebar-container();\n \n form legend {\n font-weight: normal;\n }\n \n fieldset.inputs {\n margin-bottom: 20px;\n }\n \n .input {\n .label {\n padding-bottom: 5px;\n text-align: left;\n margin: auto 0;\n padding-top: 8px;\n text-align: right;\n font-size: $font-size;\n \n @media screen and (min-width: $sm-width) {\n padding-bottom: 0;\n height: 25px;\n width: $form-margin-left;\n float: left;\n padding-right: 20px;\n }\n }\n input, textarea {\n @media screen and (min-width: $sm-width) {\n width: $form-input-width;\n }\n \n &[type='radio'] {\n width: 15px;\n float: left;\n margin-top: 3px;\n }\n \n &[type='checkbox'] {\n width: 15px;\n margin: 0 5px -2px 0;\n }\n }\n \n .select2-container {\n @media screen and (min-width: $sm-width) {\n width: $form-input-width !important;\n }\n \n a {\n height: 30px;\n line-height: 30px;\n }\n }\n \n select {\n min-width: $form-input-width;\n height: 30px;\n }\n \n select[multiple] {\n height: 100px;\n }\n \n .fragment {\n margin-right: 10px;\n \n label {\n padding-right: 5px;\n }\n \n select {\n min-width: auto;\n }\n }\n \n &.boolean {\n margin-left: $form-margin-left;\n @include disable-user-select();\n \n input {\n width: auto;\n }\n \n label {\n font-size: $font-size;\n cursor: pointer;\n padding: 5px 5px 5px 0;\n }\n \n input[type='checkbox'] {\n width: 15px;\n margin: 0 5px -2px 0;\n }\n }\n \n li.fragment {\n display: inline;\n }\n \n li.choice {\n margin-left: $form-margin-left;\n \n .field_with_errors {\n float: left;\n }\n }\n \n .inline-errors {\n padding-left: $form-margin-left;\n }\n }\n \n .actions {\n padding-left: $form-margin-left;\n }\n}\n\nbody.logged_in {\n &.new, &.edit, &.create, &.update {\n @include arctic-admin-form();\n }\n}\n" }, { "path": "app/assets/stylesheets/arctic_admin/pages/_index.scss", "content": "@use \"sass:math\";\n\nbody.index {\n\n .resource_selection_toggle_cell, .resource_selection_cell {\n display: flex;\n }\n\n .table_tools {\n margin-bottom: 20px;\n font-size: $font-size;\n\n &:after {\n content: '';\n display: block;\n clear: both;\n }\n\n input[type='checkbox'] {\n display: flex;\n }\n\n .collection_selection_toggle_all {\n display: flex !important;\n }\n\n .batch_actions_selector {\n display: inline-block;\n }\n\n .dropdown_menu_button{\n @include secondary-dropdown($button-primary-color);\n }\n\n .dropdown_menu_list {\n background-color: #fff;\n padding: 10px 15px;\n border-radius: $border-radius;\n @include box-shadow($box-shadow);\n display: inline-block;\n position: absolute;\n z-index: 1;\n }\n\n .indexes.table_tools_segmented_control {\n display: flex;\n justify-content: right;\n\n a {\n @include secondary-button($button-primary-color);\n }\n\n .index {\n margin-right: 4px;\n &:last-child {\n margin-right: 0;\n }\n }\n }\n }\n\n .paginated_collection_contents {\n margin-bottom: 20px;\n overflow-x: auto;\n }\n\n #index_footer {\n font-size: $font-size;\n }\n\n .sortable {\n position: relative;\n\n &:after {\n @include icon($icon-sort);\n font-size: 12px;\n position: absolute;\n top: 50%;\n right: 5px;\n @include transform(translateY(-50%));\n\n @media screen and (min-width: $md-width) {\n // font-size: math.div($font-size, 1px);\n }\n }\n\n &.sorted-desc:after {\n content: \"\\f0dd\";\n }\n\n &.sorted-asc:after {\n content: \"\\f0de\";\n }\n }\n\n .table_actions {\n margin-bottom: -4px;\n\n .member_link {\n @include primary-button($button-primary-color, white);\n padding: 4px 8px;\n margin-right: 4px;\n margin-bottom: 4px;\n }\n }\n\n .scopes {\n .scope {\n @include group-button($button-primary-color);\n\n a {\n margin-right: .25rem;\n }\n }\n }\n\n #sidebar {\n position: fixed;\n transition: .5s;\n transition-timing-function: ease-in-out;\n right: - $filter-width;\n\n &.sidebar_open {\n right: 0;\n }\n\n @media screen and (min-width: $x-lg-width) {\n right: - $lg-filter-width;\n }\n\n &:before {\n cursor: pointer;\n position: absolute;\n top: 30px;\n left: -40px;\n width: 40px;\n height: 50px;\n background-color: #fff;\n @include box-shadow(-1px 0 4px 0 rgba(0,0,0,.04));\n border-top-left-radius: $border-radius;\n border-bottom-left-radius: $border-radius;\n @include icon($icon-filter);\n font-size: 20px;\n padding: 15px 10px;\n }\n }\n}\n" }, { "path": "app/assets/stylesheets/arctic_admin/pages/_login.scss", "content": "body.logged_out {\n .flash {\n position: fixed;\n }\n\n #active_admin_content {\n height: 100vh;\n width: 100%;\n display: flex;\n align-items: center;\n }\n}\n\n#login {\n width: 100%;\n margin: auto;\n background-color: white;\n border-top: $border-radius solid $primary-color;\n @include box-shadow($box-shadow);\n color: $text-color;\n padding: 20px;\n\n @media screen and (min-width: 400px) {\n border-radius: $border-radius;\n width: 400px;\n padding: 30px;\n }\n\n h2 {\n text-align: center;\n }\n\n .label {\n display: inline-block;\n max-width: 100%;\n margin-bottom: 5px;\n }\n\n .input.boolean {\n @include disable-user-select();\n label {\n font-size: 15px;\n cursor: pointer;\n padding: 5px 5px 5px 0;\n }\n\n input[type='checkbox'] {\n width: 15px;\n margin: 0 5px -2px 0;\n }\n }\n\n a {\n margin-top: 10px;\n display: inline-block;\n }\n\n .input_action {\n min-width: 50%;\n }\n\n input[type=\"submit\"] {\n line-height: 43px;\n }\n}" }, { "path": "app/assets/stylesheets/arctic_admin/pages/_show.scss", "content": "body.show {\n @include sidebar-container();\n}" }, { "path": "app/assets/stylesheets/arctic_admin/variables/_borders.scss", "content": "$border-radius: 3px !default;\n" }, { "path": "app/assets/stylesheets/arctic_admin/variables/_box_shadows.scss", "content": "$box-shadow: 0 0 4px 0 rgba(0,0,0,0.1) !default;\n" }, { "path": "app/assets/stylesheets/arctic_admin/variables/_colors.scss", "content": "// BASIC COLOR\n$red: #B02B2C;\n$green: #00897B;\n$blue: #4bacfe;\n$black: #36393D;\n$grey: #76838f;\n\n// flash\n$error: #dc4747 !default;\n$warning: #f2a654 !default;\n$success: #46be8a !default;\n$info: #57c7d4 !default;\n$flash-text-color: #fff !default;\n$flash-background-color: $grey !default;\n\n// status_tag\n$status-tag-text-color: #fff !default;\n$status-tag-background-color: #cacaca !default;\n$status-tag-background-valid-color: $success !default;\n$status-tag-background-error-color: $error !default;\n\n$border-color: #e4eaec !default;\n\n// body\n$body-background: #eee !default;\n\n// header\n$header-border-color: #e6e6e6 !default;\n$header-background: #fff !default;\n\n// nav action\n$header-nav-action-hover-background: #f5f5f5 !default;\n$header-nav-action-active-background: #f0f0f0 !default;\n\n//sidebar\n$sidebar-border-color: $header-border-color !default;\n$sidebar-background: #f5f5f5 !default;\n\n$sidebar-item-hover-background: #f0f0f0 !default;\n$sidebar-nested-item-hover-background: #e7e7e7 !default;\n\n// text\n$text-color: #5a5a5a !default;\n$text-color-important: #526069 !default;\n\n$primary-color: $blue !default;\n$link-primary-color: $primary-color !default;\n$button-primary-color: $primary-color !default;\n" }, { "path": "app/assets/stylesheets/arctic_admin/variables/_fonts.scss", "content": "$font-family-fallback: Arial, sans-serif !default;\n$font-family-body: \"LatoWeb\", $font-family-fallback !default;\n\n$font-size: 14px !default;\n" }, { "path": "app/assets/stylesheets/arctic_admin/variables/_icons.scss", "content": "// you can customise any icons\n// you need to use unicode of the icon font\n// the unicode of fontawesome can be found here : https://fontawesome.com/\n\n$font-icon: 'Font Awesome 6 Free', 'Font Awesome 6 Pro' !default;\n\n$icon-user: \"\\f007\" !default;\n$icon-logout: \"\\f2f5\" !default;\n\n$icon-menu: \"\\f0c9\" !default;\n\n$icon-down: \"\\f0d7\" !default;\n$icon-up: \"\\f0d8\" !default;\n\n$icon-sort: \"\\f0dc\" !default;\n$icon-sort-down: \"\\f0dd\" !default;\n$icon-filter: \"\\f0b0\" !default;\n" }, { "path": "app/assets/stylesheets/arctic_admin/variables/_media_queries.scss", "content": "$sm-width: 576px !default;\n$md-width: 768px !default;\n$lg-width: 992px !default;\n$x-lg-width: 1400px !default;\n\n// <576px Extra small\n// ≥576px Small\n// ≥768px Medium\n// ≥992px Large\n// ≥1400px Extra large\n" }, { "path": "app/assets/stylesheets/arctic_admin/variables/_size.scss", "content": "$header-width: 200px !default;\n$screen-header-width: calc(100% - 200px) !default;\n$lg-header-width: 250px !default;\n$lg-screen-header-width: calc(100% - 250px) !default;\n\n$filter-width: 230px !default;\n$screen-filter-width: calc(100% - 230px) !default;\n$lg-filter-width: 270px !default;\n$lg-screen-filter-width: calc(100% - 270px) !default;\n\n$input-height: 36px !default;\n\n// Forms\n$form-margin-left: 25%;\n$form-input-width: 50%;\n" }, { "path": "app/assets/stylesheets/arctic_admin/variables/_spaces.scss", "content": "$space-0: 0;\n$space-0-1: 0.125rem; /* 2px */\n$space-1: 0.25rem; /* 4px */\n$space-2: 0.5rem; /* 8px */\n$space-3: 0.75rem; /* 12px */\n$space-4: 1rem; /* 16px */\n$space-5: 1.25rem; /* 20px */\n$space-6: 1.5rem; /* 24px */\n$space-7: 1.75rem; /* 28px */\n$space-8: 2rem; /* 32px */\n$space-9: 2.25rem; /* 36px */\n$space-10: 2.5rem; /* 40px */\n$space-11: 2.75rem; /* 44px */\n$space-12: 3rem; /* 48px */\n$space-14: 3.5rem; /* 56px */\n$space-16: 4rem; /* 64px */\n$space-20: 5rem; /* 80px */\n$space-24: 6rem; /* 96px */\n$space-28: 7rem; /* 112px */\n$space-32: 8rem; /* 128px */\n$space-36: 9rem; /* 144px */\n$space-40: 10rem; /* 160px */\n$space-44: 11rem; /* 176px */\n$space-48: 12rem; /* 192px */\n$space-52: 13rem; /* 208px */\n$space-56: 14rem; /* 224px */\n$space-60: 15rem; /* 240px */\n$space-64: 16rem; /* 256px */\n$space-72: 18rem; /* 288px */\n$space-80: 20rem; /* 320px */\n$space-96: 24rem; /* 384px */\n" }, { "path": "app/assets/stylesheets/arctic_admin/variables/_variables.scss", "content": "@import \"colors\";\n@import \"size\";\n@import \"icons\";\n@import \"media_queries\";\n@import \"fonts\";\n@import \"spaces\";\n@import \"borders\";\n" }, { "path": "arctic_admin.gemspec", "content": "# coding: utf-8\nlib = File.expand_path('../lib', __FILE__)\n$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)\nrequire 'arctic_admin/version'\n\nGem::Specification.new do |s|\n s.name = 'arctic_admin'\n s.version = ArcticAdmin::VERSION\n s.summary = \"Arctic Admin theme for ActiveAdmin\"\n s.description = \"A responsive theme for Active Admin\"\n s.authors = [\"Clément Prod'homme\"]\n s.files = Dir[\"{app,lib}/**/*\"] + [\"README.md\", 'LICENCE.txt']\n s.homepage = 'https://github.com/cprodhomme/arctic_admin'\n s.metadata = {\n \"source_code_uri\" => \"https://github.com/cprodhomme/arctic_admin\",\n \"changelog_uri\" => \"https://github.com/cprodhomme/arctic_admin/releases\",\n }\n\n s.license = 'MIT'\n s.require_paths = [\"lib\"]\n s.add_development_dependency \"bundler\", \"~> 1.5\"\n s.add_development_dependency \"rake\"\n s.add_dependency 'activeadmin', ['>= 1.1.0', '< 4.0']\n s.add_dependency 'font-awesome-sass', '~> 6.0'\nend\n" }, { "path": "lib/arctic_admin/version.rb", "content": "module ArcticAdmin\n VERSION = \"4.3.3\"\nend\n" }, { "path": "lib/arctic_admin.rb", "content": "require \"arctic_admin/version\"\nrequire 'font-awesome-sass'\n\nmodule ArcticAdmin\n module Rails\n class Engine < ::Rails::Engine\n end\n end\nend\n" }, { "path": "package.json", "content": "{\n \"name\": \"arctic_admin\",\n \"version\": \"4.3.3\",\n \"description\": \"Responsive Theme for ActiveAdmin\",\n \"main\": \"app/assets/javascripts/arctic_admin/main.js\",\n \"files\": [\n \"app/assets/javascripts/arctic_admin/*.js\",\n \"src/**/*\"\n ],\n \"scripts\": {\n \"prepublishOnly\": \"rm -rf src && cp -R app/assets/javascripts/arctic_admin src && cp -R app/assets/stylesheets/arctic_admin src/scss && cp -R app/assets/fonts src/fonts\",\n \"test\": \"echo \\\"Error: no test specified\\\" && exit 1\"\n },\n \"repository\": {\n \"type\": \"git\",\n \"url\": \"git+https://github.com/cprodhomme/arctic_admin.git\"\n },\n \"keywords\": [\n \"activeadmin\",\n \"theme\",\n \"arctic_admin\"\n ],\n \"author\": \"Clément Prod'homme\",\n \"license\": \"MIT\",\n \"bugs\": {\n \"url\": \"https://github.com/cprodhomme/arctic_admin/issues\"\n },\n \"homepage\": \"https://github.com/cprodhomme/arctic_admin#readme\"\n}\n" } ]