You are here

activity.component.css in Opigno group manager 3.x

Same filename and directory in other branches
  1. 8 ng/src/app/activities/activity/activity.component.css
.handle {
  background-color: transparent;
  font-size: 0;
  margin: 0;
  vertical-align: middle;
}

update-activity,
preview-activity {
  position: fixed;
  z-index: 100;
  right: 0;
  top: 0;
  bottom: 0;
  left: 300px;
  padding: 1rem;
  background-color: #fff;
  box-shadow: 0 0 5px 2px #ddd;
  overflow-y: auto;
}


@media (max-width:768px) {
  update-activity,
  preview-activity {
    left: 0;
  }
}

File

ng/src/app/activities/activity/activity.component.css
View source
  1. .handle {
  2. background-color: transparent;
  3. font-size: 0;
  4. margin: 0;
  5. vertical-align: middle;
  6. }
  7. update-activity,
  8. preview-activity {
  9. position: fixed;
  10. z-index: 100;
  11. right: 0;
  12. top: 0;
  13. bottom: 0;
  14. left: 300px;
  15. padding: 1rem;
  16. background-color: #fff;
  17. box-shadow: 0 0 5px 2px #ddd;
  18. overflow-y: auto;
  19. }
  20. @media (max-width:768px) {
  21. update-activity,
  22. preview-activity {
  23. left: 0;
  24. }
  25. }