ayann / active_admin_flat_skin

Active Admin Flat theme design.
http://ayann.github.io/active_admin_flat_skin
MIT License
91 stars 62 forks source link

fixed flash message layout #15

Closed eshaiju closed 6 years ago

eshaiju commented 7 years ago

Before Fix: 27144325-ffb6625e-514e-11e7-8cbf-db04190d69aa

After Fix: screen shot 2017-06-18 at 1 46 44 am

@ayann

Martin288 commented 6 years ago

@eshaiju thanks for your work. But I think it'd better to adjust flashes style to match the theme. I added these codes in my own application:

.flashes {
  width: 84.1%;
  float: right;
}

body.logged_in .flashes .flash {
  background-image: none;
  border-bottom: none;
  font-weight: normal;
  color: white;

  &.flash_notice {
    background: $skinActiveColor;
  }
  &.flash_error {
    background: #FF6C60;   /* background same to delete button in this theme */
  }
  &.flash_alert {
    background: #BDB446;
  }
}

And I get the below result: image

eshaiju commented 6 years ago

👍

Nikitakan commented 2 years ago

great it helps me, Thank you.