bernat / best_in_place

A RESTful unobtrusive jQuery Inplace-Editor and a helper as a Rails Gem
http://blog.bernatfarrero.com/in-place-editing-with-javascript-jquery-and-rails-3/
1.2k stars 571 forks source link

Missing css documentation for best_in_place.purr.js #524

Open josefsj3m opened 8 years ago

josefsj3m commented 8 years ago

I tried to use best in place notification on error, but the message was not displayed by jquery.purr. Checking the code I saw that best_in_place.purr.js uses a css class .bip-flash-error. Everything works ok when I provided this class.

I have not seen the reference to this class in documentation. I use the following as an example:

.bip-flash-error {
  position: fixed;
  top: 30px;
  right: 100px;
  width: 250px;
  padding: 20px;
  background-color: #FCC;
  border: solid 2px #C66;
  &:first-letter { text-transform: uppercase; }
}

José Fernando

spitzer commented 7 years ago

in general doc is an issue with this gem. not complaining, but just another indicator of that sentiment.

caifara commented 5 years ago

evolution:


#purr-container {
  position: fixed;
  top: 30px;
  right: 100px;
  width: 250px;
  z-index: 1000;
  &:first-letter { text-transform: uppercase; }

  .purr {
    margin-bottom: 10px;
    padding: 10px;
    background-color: #f8d7da;
    border: 1px solid #f5c6cb;
    color: #721c24;
    border-radius: .25rem;
    display: block;
  }
}