Guest User

Untitled

a guest
Mar 21st, 2018
99
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.41 KB | None | 0 0
  1. //HTML
  2. <div class="form-group input-group">
  3. <div class="input-group-prepend height-200">
  4. <span class="input-group-text" id="basic-addon1">Permissões:</span>
  5. </div>
  6. <div class="permissions">
  7. <span class="permissions-title">Selecionar Todos:</span>
  8. <div class="permissions-checkbox">
  9. <label class="checkbox-inline">
  10. <input type="checkbox" value="">
  11. </label>
  12. </div>
  13. <div *ngFor="let i of ['Dashboard', 'Clientes', 'Equipamentos', 'Rotas', 'Usuários']">
  14. <span class="permissions-title">{{ i }}:</span>
  15. <div class="permissions-checkbox">
  16. <label class="checkbox-inline">
  17. <input type="checkbox" value="">Adicionar
  18. </label>
  19. <label class="checkbox-inline">
  20. <input type="checkbox" value="">Visualizar
  21. </label>
  22. <label class="checkbox-inline">
  23. <input type="checkbox" value="">Editar
  24. </label>
  25. <label class="checkbox-inline">
  26. <input type="checkbox" value="">Remover
  27. </label>
  28. </div>
  29. </div>
  30. </div>
  31. </div>
  32.  
  33. //CSS
  34. input[type="radio"], input[type="checkbox"] {
  35. width: 15px;
  36. height: 15px;
  37. margin-right: 5px;
  38. }
  39. .permissions {
  40. position: absolute;
  41. margin-left: 195px;
  42. margin-top: 6px;
  43. }
  44. .permissions-title {
  45. position: absolute;
  46. width: 150px;
  47. font-weight: bold;
  48. text-align: right;
  49. }
  50. .checkbox-inline {
  51. margin-left: 25px;
  52. }
  53. .permissions-checkbox {
  54. margin-left: 150px;
  55. }
  56. .card-body {
  57. height: 280px;
  58. }
Add Comment
Please, Sign In to add comment