_create-page.scss 1005 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. .modal.create-page {
  2. @media (min-width: $screen-sm-min) { // {{{ more than tablet size
  3. .modal-dialog {
  4. width: 750px;
  5. }
  6. }
  7. .modal-body {
  8. h3, h4 {
  9. margin-bottom: 10px;
  10. }
  11. form {
  12. .page-name-addons {
  13. position: absolute;
  14. top: 7px;
  15. left: 27px;
  16. }
  17. .page-today-prefix {
  18. display: inline-block;
  19. }
  20. .page-today-input1 {
  21. width: 60px;
  22. padding-left: 2px;
  23. padding-right: 2px;
  24. display: inline-block;
  25. }
  26. .page-today-suffix {
  27. display: inline-block;
  28. }
  29. .page-today-input2 {
  30. // width: 100%;
  31. display: inline-block;
  32. }
  33. #page-name-inputter input {
  34. min-width: 300px; // Workaround to display placeholder.
  35. // cf https://github.com/ericgio/react-bootstrap-typeahead/issues/256
  36. }
  37. .create-page-under-tree-label code {
  38. font-family: $font-family-monospace-not-strictly;
  39. }
  40. }
  41. }
  42. }