You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

2535 lines
56KB

  1. .repository {
  2. @mega-octicon-width: 30px;
  3. padding-top: 15px;
  4. .repo-header {
  5. .ui.compact.menu {
  6. margin-left: 1rem;
  7. }
  8. .ui.header {
  9. margin-top: 0;
  10. }
  11. .mega-octicon {
  12. width: @mega-octicon-width;
  13. font-size: 30px;
  14. }
  15. .ui.huge.breadcrumb {
  16. font-weight: 400;
  17. font-size: 1.5rem;
  18. i.mega-octicon {
  19. position: relative;
  20. top: 5px;
  21. }
  22. i.octicon-lock {
  23. margin-left: 5px;
  24. }
  25. }
  26. .fork-flag {
  27. margin-left: @mega-octicon-width + 6px;
  28. margin-top: 3px;
  29. display: block;
  30. font-size: 12px;
  31. white-space: nowrap;
  32. }
  33. .octicon.octicon-repo-forked {
  34. margin-top: -1px;
  35. font-size: 15px;
  36. }
  37. .button {
  38. margin-top: 2px;
  39. margin-bottom: 2px;
  40. }
  41. }
  42. .tabs {
  43. .navbar {
  44. justify-content: initial;
  45. }
  46. }
  47. .navbar {
  48. display: flex;
  49. justify-content: space-between;
  50. .ui.label {
  51. margin-left: 7px;
  52. padding: 3px 5px;
  53. }
  54. }
  55. .owner.dropdown {
  56. min-width: 40% !important;
  57. }
  58. #file-buttons {
  59. /* The reason for the !important is that Semantic itself has
  60. margin-left: 0 !important on right items on mobile, which is mostly
  61. to make sure elements which on menus would otherwise be on the right
  62. align correctly with other elements when stacked.
  63. Unfortunately, this brings some weird alignment on this particular
  64. element, so we need to override it. */
  65. margin-left: auto !important;
  66. font-weight: normal;
  67. .ui.button {
  68. padding: 8px 10px;
  69. font-weight: normal;
  70. }
  71. }
  72. .metas {
  73. .menu {
  74. overflow-x: auto;
  75. }
  76. .ui.list {
  77. .hide {
  78. display: none !important;
  79. }
  80. .item {
  81. padding: 0;
  82. }
  83. .label.color {
  84. padding: 0 8px;
  85. margin-right: 5px;
  86. }
  87. a {
  88. margin: 2px 0;
  89. .text {
  90. color: #444444;
  91. &:hover {
  92. color: #000000;
  93. }
  94. }
  95. }
  96. }
  97. #deadlineForm input {
  98. width: 12.8rem;
  99. border-radius: 4px 0 0 4px;
  100. border-right: 0;
  101. white-space: nowrap;
  102. }
  103. }
  104. .header-wrapper {
  105. background-color: #fafafa;
  106. margin-top: -15px;
  107. padding-top: 15px;
  108. .ui.tabs.divider {
  109. border-bottom: 0;
  110. }
  111. .ui.tabular .octicon {
  112. margin-right: 5px;
  113. }
  114. }
  115. .filter.menu {
  116. .label.color {
  117. border-radius: 3px;
  118. margin-left: 15px;
  119. padding: 0 8px;
  120. }
  121. .octicon {
  122. float: left;
  123. margin: 0 -7px 0 -5px;
  124. width: 16px;
  125. }
  126. &.labels .octicon {
  127. margin: -2px -7px 0 -5px;
  128. }
  129. &.labels {
  130. .label-filter .menu .info {
  131. display: inline-block;
  132. padding: 9px 7px 7px 7px;
  133. text-align: center;
  134. border-bottom: 1px solid #cccccc;
  135. font-size: 12px;
  136. code {
  137. border: 1px solid #cccccc;
  138. border-radius: 3px;
  139. padding: 3px 2px 1px 2px;
  140. font-size: 11px;
  141. }
  142. }
  143. }
  144. .text {
  145. margin-left: 0.9em;
  146. }
  147. .menu {
  148. max-height: 300px;
  149. overflow-x: auto;
  150. right: 0 !important;
  151. left: auto !important;
  152. }
  153. .dropdown.item {
  154. margin: 1px;
  155. padding-right: 0;
  156. }
  157. }
  158. .select-label {
  159. .item {
  160. max-width: 250px;
  161. overflow: hidden;
  162. text-overflow: ellipsis;
  163. }
  164. .desc {
  165. padding-left: 16px;
  166. }
  167. }
  168. .ui.tabs {
  169. &.container {
  170. margin-top: 14px;
  171. margin-bottom: 0;
  172. .ui.menu {
  173. border-bottom: 0;
  174. }
  175. }
  176. &.divider {
  177. margin-top: 0;
  178. margin-bottom: 20px;
  179. }
  180. }
  181. #clone-panel {
  182. width: 350px;
  183. @media only screen and (max-width: 768px) {
  184. width: 100%;
  185. }
  186. input {
  187. border-radius: 0;
  188. padding: 5px 10px;
  189. width: 50%;
  190. }
  191. .clone.button {
  192. font-size: 13px;
  193. padding: 0 5px;
  194. &:first-child {
  195. border-radius: 0.28571429rem 0 0 0.28571429rem;
  196. }
  197. }
  198. .icon.button {
  199. padding: 0 10px;
  200. }
  201. .dropdown .menu {
  202. right: 0 !important;
  203. left: auto !important;
  204. }
  205. }
  206. &.file.list {
  207. .repo-description {
  208. display: flex;
  209. justify-content: space-between;
  210. align-items: center;
  211. }
  212. #repo-desc {
  213. font-size: 1.2em;
  214. }
  215. .choose.reference {
  216. .header .icon {
  217. font-size: 1.4em;
  218. }
  219. }
  220. .repo-path {
  221. .section,
  222. .divider {
  223. display: inline;
  224. }
  225. }
  226. #file-buttons {
  227. font-weight: normal;
  228. .ui.button {
  229. padding: 8px 10px;
  230. font-weight: normal;
  231. }
  232. .ui.tiny.blue.buttons {
  233. @media only screen and (max-width: 768px) {
  234. width: 100%;
  235. }
  236. }
  237. }
  238. #repo-files-table {
  239. thead {
  240. th {
  241. padding-top: 8px;
  242. padding-bottom: 5px;
  243. font-weight: normal;
  244. }
  245. .ui.avatar {
  246. margin-bottom: 5px;
  247. }
  248. .commit-summary a {
  249. text-decoration: underline;
  250. text-decoration-style: dashed;
  251. &:hover {
  252. text-decoration-style: solid;
  253. }
  254. &.default-link {
  255. text-decoration: none;
  256. &:hover {
  257. text-decoration: underline;
  258. text-decoration-style: solid;
  259. }
  260. }
  261. }
  262. }
  263. tbody {
  264. .octicon {
  265. margin-left: 3px;
  266. margin-right: 5px;
  267. color: #777777;
  268. &.octicon-mail-reply {
  269. margin-right: 10px;
  270. }
  271. &.octicon-file-directory,
  272. &.octicon-file-submodule,
  273. &.octicon-file-symlink-directory {
  274. color: #1e70bf;
  275. }
  276. }
  277. }
  278. td {
  279. padding-top: 8px;
  280. padding-bottom: 8px;
  281. overflow: initial;
  282. &.name {
  283. max-width: 150px;
  284. }
  285. &.message {
  286. max-width: 400px;
  287. }
  288. &.age {
  289. width: 120px;
  290. }
  291. .truncate {
  292. display: inline-block;
  293. max-width: 100%;
  294. overflow: hidden;
  295. text-overflow: ellipsis;
  296. vertical-align: top;
  297. white-space: nowrap;
  298. }
  299. }
  300. td.message .isSigned {
  301. cursor: default;
  302. }
  303. tr:hover {
  304. background-color: #ffffee;
  305. }
  306. .jumpable-path {
  307. color: #888888;
  308. }
  309. }
  310. .non-diff-file-content {
  311. .header {
  312. .icon {
  313. font-size: 1em;
  314. }
  315. .file-actions {
  316. margin-bottom: -5px;
  317. .btn-octicon {
  318. display: inline-block;
  319. padding: 5px;
  320. margin-left: 5px;
  321. line-height: 1;
  322. color: #767676;
  323. vertical-align: middle;
  324. background: transparent;
  325. border: 0;
  326. outline: none;
  327. }
  328. .btn-octicon:hover {
  329. color: #4078c0;
  330. }
  331. .btn-octicon-danger:hover {
  332. color: #bd2c00;
  333. }
  334. .btn-octicon.disabled {
  335. color: #bbbbbb;
  336. cursor: default;
  337. }
  338. #delete-file-form {
  339. display: inline-block;
  340. }
  341. }
  342. }
  343. .view-raw {
  344. padding: 5px;
  345. * {
  346. max-width: 100%;
  347. }
  348. img {
  349. padding: 5px 5px 0 5px;
  350. }
  351. }
  352. .plain-text {
  353. padding: 1em 2em 1em 2em;
  354. pre {
  355. word-break: break-word;
  356. white-space: pre-wrap;
  357. }
  358. }
  359. .csv {
  360. overflow-x: auto;
  361. padding: 0 !important;
  362. }
  363. pre {
  364. overflow: auto;
  365. }
  366. }
  367. .sidebar {
  368. padding-left: 0;
  369. .octicon {
  370. width: 16px;
  371. }
  372. }
  373. }
  374. &.file.editor {
  375. .treepath {
  376. width: 100%;
  377. input {
  378. vertical-align: middle;
  379. box-shadow: rgba(0, 0, 0, 0.0745098) 0 1px 2px inset;
  380. width: inherit;
  381. padding: 7px 8px;
  382. margin-right: 5px;
  383. }
  384. }
  385. .tabular.menu {
  386. .octicon {
  387. margin-right: 5px;
  388. }
  389. }
  390. .commit-form-wrapper {
  391. padding-left: 64px;
  392. .commit-avatar {
  393. float: left;
  394. margin-left: -64px;
  395. width: 3em;
  396. height: auto;
  397. }
  398. .commit-form {
  399. position: relative;
  400. padding: 15px;
  401. margin-bottom: 10px;
  402. border: 1px solid #dddddd;
  403. border-radius: 3px;
  404. #avatar-arrow;
  405. &:after {
  406. border-right-color: #ffffff;
  407. }
  408. .quick-pull-choice {
  409. .branch-name {
  410. display: inline-block;
  411. padding: 3px 6px;
  412. font: 12px @monospaced-fonts, monospace;
  413. color: rgba(0, 0, 0, 0.65);
  414. background-color: rgba(209, 227, 237, 0.45);
  415. border-radius: 3px;
  416. }
  417. .new-branch-name-input {
  418. position: relative;
  419. margin-left: 25px;
  420. input {
  421. width: 240px !important;
  422. padding-left: 26px !important;
  423. }
  424. }
  425. .octicon-git-branch {
  426. position: absolute;
  427. top: 9px;
  428. left: 10px;
  429. color: #b0c4ce;
  430. }
  431. }
  432. }
  433. }
  434. }
  435. &.options {
  436. #interval {
  437. width: 100px !important;
  438. min-width: 100px;
  439. }
  440. .danger {
  441. .item {
  442. padding: 20px 15px;
  443. }
  444. .ui.divider {
  445. margin: 0;
  446. }
  447. }
  448. }
  449. @comment-avatar-width: 3em;
  450. .comment textarea {
  451. max-height: none !important;
  452. }
  453. &.new.issue {
  454. .comment.form {
  455. .comment {
  456. .avatar {
  457. width: @comment-avatar-width;
  458. }
  459. }
  460. .content {
  461. margin-left: 4em;
  462. #avatar-arrow;
  463. &:after {
  464. border-right-color: #ffffff;
  465. }
  466. .markdown {
  467. font-size: 14px;
  468. }
  469. }
  470. .metas {
  471. min-width: 220px;
  472. .filter.menu {
  473. max-height: 300px;
  474. overflow-x: auto;
  475. }
  476. }
  477. }
  478. }
  479. &.view.issue {
  480. .title {
  481. padding-bottom: 0 !important;
  482. h1 {
  483. font-weight: 300;
  484. font-size: 2.3rem;
  485. margin-bottom: 5px;
  486. .ui.input {
  487. font-size: 0.5em;
  488. vertical-align: top;
  489. width: 50%;
  490. min-width: 600px;
  491. input {
  492. font-size: 1.5em;
  493. padding: 6px 10px;
  494. }
  495. }
  496. }
  497. .index {
  498. font-weight: 300;
  499. color: #aaaaaa;
  500. letter-spacing: -1px;
  501. }
  502. .label {
  503. margin-right: 10px;
  504. }
  505. .edit-zone {
  506. margin-top: 10px;
  507. }
  508. }
  509. .pull-desc {
  510. code {
  511. color: #0166e6;
  512. }
  513. }
  514. .pull {
  515. &.tabular.menu {
  516. margin-bottom: 10px;
  517. .octicon {
  518. margin-right: 5px;
  519. }
  520. }
  521. &.tab.segment {
  522. border: 0;
  523. padding: 10px 0 0;
  524. box-shadow: none;
  525. background-color: inherit;
  526. }
  527. .merge.box {
  528. .avatar {
  529. margin-left: 10px;
  530. margin-top: 10px;
  531. }
  532. .icon-octicon {
  533. padding-left: 2px;
  534. }
  535. .branch-update.grid {
  536. margin-bottom: -1.5rem;
  537. margin-top: -0.5rem;
  538. .row {
  539. padding-bottom: 0;
  540. }
  541. }
  542. }
  543. .review-item {
  544. .avatar,
  545. .type-icon {
  546. float: none;
  547. display: inline-block;
  548. text-align: center;
  549. vertical-align: middle;
  550. .octicon {
  551. width: 23px;
  552. font-size: 23px;
  553. margin-top: 0.45em;
  554. }
  555. }
  556. .text {
  557. margin: 0.3em 0 0.5em 0.5em;
  558. }
  559. .type-icon {
  560. float: right;
  561. margin-right: 1em;
  562. }
  563. .divider {
  564. margin: 0.5rem 0;
  565. }
  566. .review-content {
  567. padding: 1em 0 1em 3.8em;
  568. }
  569. }
  570. }
  571. .comment-list {
  572. &:not(.prevent-before-timeline):before {
  573. display: block;
  574. content: "";
  575. position: absolute;
  576. margin-top: 12px;
  577. margin-bottom: 14px;
  578. top: 0;
  579. bottom: 0;
  580. left: 96px;
  581. width: 2px;
  582. background-color: #f3f3f3;
  583. z-index: -1;
  584. }
  585. .timeline-line {
  586. position: relative;
  587. display: block;
  588. width: 100%;
  589. max-width: 100%;
  590. &:before {
  591. display: block;
  592. content: "";
  593. position: absolute;
  594. margin-top: 12px;
  595. margin-bottom: 14px;
  596. top: 0;
  597. bottom: 0;
  598. left: 82px;
  599. width: 2px;
  600. background-color: #f3f3f3;
  601. z-index: -1;
  602. }
  603. }
  604. .comment {
  605. .avatar {
  606. width: @comment-avatar-width;
  607. }
  608. .tag {
  609. color: #767676;
  610. margin-top: 3px;
  611. padding: 2px 5px;
  612. font-size: 12px;
  613. border: 1px solid rgba(0, 0, 0, 0.1);
  614. border-radius: 3px;
  615. &.review {
  616. margin-left: 5px;
  617. &.pending {
  618. color: black;
  619. background-color: #fffbb2;
  620. }
  621. }
  622. }
  623. .actions {
  624. .item {
  625. float: left;
  626. &.context {
  627. float: none;
  628. }
  629. &.tag {
  630. margin-right: 5px;
  631. }
  632. &.action {
  633. margin-top: 6px;
  634. margin-left: 10px;
  635. }
  636. }
  637. }
  638. .content {
  639. margin-left: 4em;
  640. > .header {
  641. #avatar-arrow;
  642. font-weight: normal;
  643. padding: auto 15px;
  644. position: relative;
  645. color: #767676;
  646. background-color: #f7f7f7;
  647. border-bottom: 1px solid #eeeeee;
  648. border-top-left-radius: 3px;
  649. border-top-right-radius: 3px;
  650. .text {
  651. max-width: 78%;
  652. padding-top: 10px;
  653. padding-bottom: 10px;
  654. }
  655. }
  656. > .merge-section {
  657. border-top: 1px solid #d4d4d5;
  658. background-color: #f7f7f7;
  659. }
  660. .markdown {
  661. font-size: 14px;
  662. }
  663. .no-content {
  664. color: #767676;
  665. font-style: italic;
  666. }
  667. > .bottom.segment {
  668. background: #f3f4f5;
  669. .ui.images::after {
  670. clear: both;
  671. content: ' ';
  672. display: block;
  673. }
  674. a {
  675. display: block;
  676. float: left;
  677. margin: 5px;
  678. padding: 5px;
  679. height: 150px;
  680. border: solid 1px #eeeeee;
  681. border-radius: 3px;
  682. max-width: 150px;
  683. background-color: #ffffff;
  684. &:before {
  685. content: ' ';
  686. display: inline-block;
  687. height: 100%;
  688. vertical-align: middle;
  689. }
  690. }
  691. .ui.image {
  692. max-height: 100%;
  693. width: auto;
  694. margin: 0;
  695. vertical-align: middle;
  696. }
  697. span.ui.image {
  698. font-size: 128px;
  699. color: #000000;
  700. }
  701. span.ui.image:hover {
  702. color: #000000;
  703. }
  704. }
  705. }
  706. &:target > .content {
  707. box-shadow: 0 0 10px #8c8c8c;
  708. }
  709. &:target > .content > .code-comment-content {
  710. padding: 4px;
  711. }
  712. &:target > .content > .code-comment-content > .text {
  713. margin-bottom: 0;
  714. }
  715. .ui.form {
  716. .field:first-child {
  717. clear: none;
  718. }
  719. .tab.segment {
  720. border: 0;
  721. padding: 10px 0 0;
  722. }
  723. textarea {
  724. height: 200px;
  725. font-family: @monospaced-fonts, monospace;
  726. }
  727. }
  728. .edit.buttons {
  729. margin-top: 10px;
  730. }
  731. }
  732. .event {
  733. position: relative;
  734. margin: 15px 0 15px 79px;
  735. padding-left: 25px;
  736. & > .octicon:not(.issue-symbol) {
  737. text-shadow: -2px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 -2px #fff;
  738. }
  739. & > .octicon.issue-symbol {
  740. font-size: 20px;
  741. margin-left: -35px;
  742. margin-right: -1px;
  743. margin-top: 0 !important;
  744. height: 28px;
  745. width: 28px;
  746. border-radius: 50%;
  747. text-align: center;
  748. line-height: 28px;
  749. background: #eee;
  750. &::before {
  751. width: 15px;
  752. display: inline-block;
  753. }
  754. &.octicon-key::before {
  755. width: 18px;
  756. }
  757. &.octicon-circle-slash::before {
  758. width: 17px;
  759. }
  760. &.octicon-comment {
  761. font-size: 21px;
  762. line-height: 33px;
  763. &::before {
  764. width: 20px;
  765. }
  766. }
  767. }
  768. .octicon {
  769. width: 30px;
  770. float: left;
  771. text-align: center;
  772. &.octicon-circle-slash {
  773. margin-top: 5px;
  774. margin-left: -34.5px;
  775. font-size: 20px;
  776. color: #bd2c00;
  777. }
  778. &.octicon-primitive-dot {
  779. margin-top: -1px;
  780. margin-left: -28.5px;
  781. margin-right: -1px;
  782. font-size: 30px;
  783. color: #6cc644;
  784. }
  785. &.octicon-bookmark {
  786. margin-top: 2px;
  787. margin-left: -31px;
  788. margin-right: -1px;
  789. font-size: 25px;
  790. }
  791. &.octicon-eye {
  792. margin-top: 3px;
  793. margin-left: -36px;
  794. margin-right: 0;
  795. font-size: 22px;
  796. }
  797. &.octicon-x {
  798. margin-left: -33px;
  799. font-size: 25px;
  800. }
  801. }
  802. .detail {
  803. font-size: 0.9rem;
  804. margin-top: 5px;
  805. margin-left: 35px;
  806. .octicon {
  807. &.octicon-git-commit {
  808. margin-top: 2px;
  809. }
  810. }
  811. }
  812. }
  813. }
  814. .ui.segment.metas {
  815. margin-top: -3px;
  816. }
  817. .ui.participants {
  818. img {
  819. margin-top: 5px;
  820. margin-right: 5px;
  821. }
  822. }
  823. .ui.depending {
  824. .item.is-closed {
  825. .title {
  826. text-decoration: line-through;
  827. }
  828. }
  829. }
  830. }
  831. .comment.form {
  832. .ui.comments {
  833. margin-top: -12px;
  834. max-width: 100%;
  835. }
  836. .content {
  837. .field:first-child {
  838. clear: none;
  839. }
  840. .form {
  841. #avatar-arrow;
  842. &:after {
  843. border-right-color: #ffffff;
  844. }
  845. }
  846. .tab.segment {
  847. border: 0;
  848. padding: 10px 0 0;
  849. }
  850. textarea {
  851. height: 200px;
  852. font-family: @monospaced-fonts, monospace;
  853. }
  854. }
  855. }
  856. .label.list {
  857. list-style: none;
  858. padding-top: 15px;
  859. .item {
  860. padding-top: 10px;
  861. padding-bottom: 10px;
  862. border-bottom: 1px dashed #aaaaaa;
  863. a {
  864. font-size: 15px;
  865. padding-top: 5px;
  866. padding-right: 10px;
  867. color: #666666;
  868. &:hover {
  869. color: #000000;
  870. }
  871. &.open-issues {
  872. margin-right: 30px;
  873. }
  874. }
  875. .ui.label {
  876. font-size: 1em;
  877. }
  878. }
  879. }
  880. .milestone.list {
  881. list-style: none;
  882. padding-top: 15px;
  883. > .item {
  884. padding-top: 10px;
  885. padding-bottom: 10px;
  886. border-bottom: 1px dashed #aaaaaa;
  887. > a {
  888. padding-top: 5px;
  889. padding-right: 10px;
  890. color: #000000;
  891. &:hover {
  892. color: #4078c0;
  893. }
  894. }
  895. .ui.progress {
  896. width: 40%;
  897. padding: 0;
  898. border: 0;
  899. margin: 0;
  900. .bar {
  901. height: 20px;
  902. }
  903. }
  904. .meta {
  905. color: #999999;
  906. padding-top: 5px;
  907. .issue-stats .octicon {
  908. padding-left: 5px;
  909. }
  910. .overdue {
  911. color: red;
  912. }
  913. }
  914. .operate {
  915. margin-top: -15px;
  916. > a {
  917. font-size: 15px;
  918. padding-top: 5px;
  919. padding-right: 10px;
  920. color: #666666;
  921. &:hover {
  922. color: #000000;
  923. }
  924. }
  925. }
  926. .content {
  927. padding-top: 10px;
  928. }
  929. }
  930. }
  931. &.new.milestone {
  932. textarea {
  933. height: 200px;
  934. }
  935. #deadline {
  936. width: 150px;
  937. }
  938. }
  939. &.compare.pull {
  940. .show-form-container {
  941. text-align: left;
  942. }
  943. .choose.branch {
  944. .octicon {
  945. padding-right: 10px;
  946. }
  947. }
  948. .comment.form {
  949. .content {
  950. #avatar-arrow;
  951. &:after {
  952. border-right-color: #ffffff;
  953. }
  954. }
  955. }
  956. }
  957. .filter.dropdown .menu {
  958. margin-top: 1px !important;
  959. }
  960. &.branches {
  961. .commit-divergence {
  962. .bar-group {
  963. position: relative;
  964. float: left;
  965. padding-bottom: 6px;
  966. width: 90px;
  967. &:last-child {
  968. border-left: 1px solid #b4b4b4;
  969. }
  970. }
  971. .count {
  972. margin: 0 3px;
  973. &.count-ahead {
  974. text-align: left;
  975. }
  976. &.count-behind {
  977. text-align: right;
  978. }
  979. }
  980. .bar {
  981. height: 4px;
  982. position: absolute;
  983. background-color: #d4d4d5;
  984. &.bar-behind {
  985. right: 0;
  986. }
  987. &.bar-ahead {
  988. left: 0;
  989. }
  990. }
  991. }
  992. }
  993. &.commits {
  994. .header {
  995. .search {
  996. input {
  997. font-weight: normal;
  998. padding: 5px 10px;
  999. }
  1000. }
  1001. }
  1002. }
  1003. #commits-table {
  1004. thead {
  1005. th:first-of-type {
  1006. padding-left: 15px;
  1007. }
  1008. .sha {
  1009. &td {
  1010. text-align: center;
  1011. }
  1012. width: 140px;
  1013. }
  1014. }
  1015. td.sha .sha.label {
  1016. margin: 0;
  1017. }
  1018. td.message {
  1019. text-overflow: unset;
  1020. }
  1021. &.ui.basic.striped.table tbody tr:nth-child(2n) {
  1022. background-color: rgba(0, 0, 0, 0.02) !important;
  1023. }
  1024. }
  1025. #commits-table td.sha .sha.label,
  1026. #repo-files-table .sha.label {
  1027. border: 1px solid #bbbbbb;
  1028. .detail.icon {
  1029. background: #fafafa;
  1030. margin: -6px -10px -4px 0;
  1031. padding: 5px 3px 5px 6px;
  1032. border-left: 1px solid #bbbbbb;
  1033. border-top-left-radius: 0;
  1034. border-bottom-left-radius: 0;
  1035. }
  1036. &.isSigned.isWarning {
  1037. border: 1px solid #db2828;
  1038. background: fade(#db2828, 10%);
  1039. .detail.icon {
  1040. border-left: 1px solid fade(#db2828, 50%);
  1041. }
  1042. }
  1043. &.isSigned.isVerified {
  1044. border: 1px solid #21ba45;
  1045. background: fade(#21ba45, 10%);
  1046. .detail.icon {
  1047. border-left: 1px solid #21ba45;
  1048. }
  1049. &:hover {
  1050. background: fade(#21ba45, 30%) !important;
  1051. }
  1052. }
  1053. }
  1054. .diff-detail-box {
  1055. padding: 7px 0;
  1056. background: #ffffff;
  1057. line-height: 30px;
  1058. > div:after {
  1059. clear: both;
  1060. content: "";
  1061. display: block;
  1062. }
  1063. span.status {
  1064. display: inline-block;
  1065. width: 12px;
  1066. height: 12px;
  1067. margin-right: 8px;
  1068. vertical-align: middle;
  1069. &.modify {
  1070. background-color: #f0db88;
  1071. }
  1072. &.add {
  1073. background-color: #b4e2b4;
  1074. }
  1075. &.del {
  1076. background-color: #e9aeae;
  1077. }
  1078. &.rename {
  1079. background-color: #dad8ff;
  1080. }
  1081. }
  1082. .detail-files {
  1083. background: #ffffff;
  1084. margin: 0;
  1085. }
  1086. }
  1087. .diff-box .header {
  1088. display: flex;
  1089. align-items: center;
  1090. .count {
  1091. margin-right: 12px;
  1092. font-size: 13px;
  1093. flex: 0 0 auto;
  1094. .bar {
  1095. background-color: #bd2c00;
  1096. height: 12px;
  1097. width: 40px;
  1098. display: inline-block;
  1099. margin: 2px 4px 0 4px;
  1100. vertical-align: text-top;
  1101. .add {
  1102. background-color: #55a532;
  1103. height: 12px;
  1104. }
  1105. }
  1106. }
  1107. .file {
  1108. flex: 1;
  1109. color: #888888;
  1110. word-break: break-all;
  1111. }
  1112. .button {
  1113. margin: -5px 0 -5px 12px;
  1114. padding: 8px 10px;
  1115. flex: 0 0 auto;
  1116. }
  1117. }
  1118. .diff-file-box {
  1119. .header {
  1120. background-color: #f7f7f7;
  1121. }
  1122. .file-body.file-code {
  1123. .lines-num {
  1124. text-align: right;
  1125. color: #a6a6a6;
  1126. background: #fafafa;
  1127. width: 1%;
  1128. min-width: 50px;
  1129. user-select: none;
  1130. vertical-align: top;
  1131. span.fold {
  1132. display: block;
  1133. text-align: center;
  1134. }
  1135. }
  1136. .lines-num-old {
  1137. border-right: 1px solid #dddddd;
  1138. }
  1139. }
  1140. .code-diff {
  1141. font-size: 12px;
  1142. td {
  1143. padding: 0 0 0 10px !important;
  1144. border-top: 0;
  1145. }
  1146. .lines-num {
  1147. border-color: #d4d4d5;
  1148. border-right-width: 1px;
  1149. border-right-style: solid;
  1150. padding: 0 5px !important;
  1151. }
  1152. tbody {
  1153. tr {
  1154. td.halfwidth {
  1155. // halfwidth is used in split view - and in that case, 1% of each
  1156. width: 49%;
  1157. }
  1158. td.center {
  1159. text-align: center;
  1160. }
  1161. .removed-code {
  1162. background-color: #ff9999;
  1163. }
  1164. .added-code {
  1165. background-color: #99ff99;
  1166. }
  1167. [data-line-num]::before {
  1168. content: attr(data-line-num);
  1169. text-align: right;
  1170. }
  1171. .lines-type-marker {
  1172. width: 10px;
  1173. min-width: 10px;
  1174. user-select: none;
  1175. }
  1176. [data-type-marker]::before {
  1177. content: attr(data-type-marker);
  1178. text-align: right;
  1179. display: inline-block;
  1180. }
  1181. }
  1182. }
  1183. }
  1184. .code-diff-unified tbody tr {
  1185. &.del-code td {
  1186. background-color: #ffe0e0 !important;
  1187. border-color: #f1c0c0 !important;
  1188. }
  1189. &.add-code td {
  1190. background-color: #d6fcd6 !important;
  1191. border-color: #c1e9c1 !important;
  1192. }
  1193. }
  1194. .code-diff-split {
  1195. table,
  1196. tbody {
  1197. width: 100%;
  1198. }
  1199. tbody tr {
  1200. // light gray for empty lines before / after commit
  1201. &.add-code td:nth-child(1),
  1202. &.add-code td:nth-child(2),
  1203. &.add-code td:nth-child(3),
  1204. &.del-code td:nth-child(4),
  1205. &.del-code td:nth-child(5),
  1206. &.del-code td:nth-child(6) {
  1207. background-color: #fafafa;
  1208. }
  1209. &.del-code td:nth-child(1),
  1210. &.del-code td:nth-child(2),
  1211. &.del-code td:nth-child(3),
  1212. td.del-code {
  1213. background-color: #ffe0e0 !important;
  1214. border-color: #f1c0c0 !important;
  1215. }
  1216. &.add-code td:nth-child(4),
  1217. &.add-code td:nth-child(5),
  1218. &.add-code td:nth-child(6),
  1219. td.add-code {
  1220. background-color: #d6fcd6 !important;
  1221. border-color: #c1e9c1 !important;
  1222. }
  1223. td:nth-child(4) {
  1224. border-left-width: 1px;
  1225. border-left-style: solid;
  1226. }
  1227. }
  1228. }
  1229. &.file-content {
  1230. img {
  1231. max-width: 100%;
  1232. padding: 5px 5px 0 5px;
  1233. }
  1234. img.emoji {
  1235. padding: 0;
  1236. }
  1237. clear: right;
  1238. }
  1239. }
  1240. .diff-stats {
  1241. clear: both;
  1242. margin-bottom: 5px;
  1243. max-height: 400px;
  1244. overflow: auto;
  1245. padding-left: 0;
  1246. li {
  1247. list-style: none;
  1248. padding-bottom: 4px;
  1249. margin-bottom: 4px;
  1250. border-bottom: 1px dashed #dddddd;
  1251. padding-left: 6px;
  1252. }
  1253. .diff-counter {
  1254. margin-right: 15px;
  1255. .del {
  1256. color: red;
  1257. }
  1258. .add {
  1259. color: green;
  1260. }
  1261. }
  1262. }
  1263. .repo-search-result {
  1264. padding-top: 10px;
  1265. padding-bottom: 10px;
  1266. .lines-num a {
  1267. color: inherit;
  1268. }
  1269. }
  1270. &.quickstart {
  1271. .guide {
  1272. .item {
  1273. padding: 1em;
  1274. small {
  1275. font-weight: normal;
  1276. }
  1277. }
  1278. .clone.button:first-child {
  1279. border-radius: 0.28571429rem 0 0 0.28571429rem;
  1280. }
  1281. .ui.action.small.input {
  1282. width: 100%;
  1283. }
  1284. #repo-clone-url {
  1285. border-radius: 0;
  1286. padding: 5px 10px;
  1287. font-size: 1.2em;
  1288. }
  1289. }
  1290. }
  1291. &.release {
  1292. #release-list {
  1293. border-top: 1px solid #dddddd;
  1294. margin-top: 20px;
  1295. padding-top: 15px;
  1296. > li {
  1297. list-style: none;
  1298. .meta,
  1299. .detail {
  1300. padding-top: 30px;
  1301. padding-bottom: 40px;
  1302. }
  1303. .meta {
  1304. text-align: right;
  1305. position: relative;
  1306. .tag:not(.icon) {
  1307. display: block;
  1308. margin-top: 15px;
  1309. }
  1310. .commit {
  1311. display: block;
  1312. margin-top: 10px;
  1313. }
  1314. }
  1315. .detail {
  1316. border-left: 1px solid #dddddd;
  1317. .author {
  1318. img {
  1319. margin-bottom: -3px;
  1320. }
  1321. }
  1322. .download {
  1323. margin-top: 20px;
  1324. > a {
  1325. .octicon {
  1326. margin-left: 5px;
  1327. margin-right: 5px;
  1328. }
  1329. }
  1330. .list {
  1331. padding-left: 0;
  1332. border-top: 1px solid #eeeeee;
  1333. li {
  1334. list-style: none;
  1335. display: block;
  1336. padding-top: 8px;
  1337. padding-bottom: 8px;
  1338. border-bottom: 1px solid #eeeeee;
  1339. }
  1340. }
  1341. }
  1342. .dot {
  1343. width: 9px;
  1344. height: 9px;
  1345. background-color: #cccccc;
  1346. z-index: 999;
  1347. position: absolute;
  1348. display: block;
  1349. left: -5px;
  1350. top: 40px;
  1351. border-radius: 6px;
  1352. border: 1px solid #ffffff;
  1353. }
  1354. }
  1355. }
  1356. }
  1357. }
  1358. &.new.release {
  1359. .target {
  1360. min-width: 500px;
  1361. #tag-name {
  1362. margin-top: -4px;
  1363. }
  1364. .at {
  1365. margin-left: -5px;
  1366. margin-right: 5px;
  1367. }
  1368. .dropdown.icon {
  1369. margin: 0;
  1370. padding-top: 3px;
  1371. }
  1372. .selection.dropdown {
  1373. padding-top: 10px;
  1374. padding-bottom: 10px;
  1375. }
  1376. }
  1377. .prerelease.field {
  1378. margin-bottom: 0;
  1379. }
  1380. .field {
  1381. button,
  1382. input {
  1383. @media only screen and (max-width: 438px) {
  1384. width: 100%;
  1385. }
  1386. }
  1387. button {
  1388. @media only screen and (max-width: 768px) {
  1389. margin-bottom: 1em;
  1390. }
  1391. }
  1392. }
  1393. }
  1394. &.forks {
  1395. .list {
  1396. margin-top: 0;
  1397. .item {
  1398. padding-top: 10px;
  1399. padding-bottom: 10px;
  1400. border-bottom: 1px solid #dddddd;
  1401. .ui.avatar {
  1402. float: left;
  1403. margin-right: 5px;
  1404. }
  1405. .link {
  1406. padding-top: 5px;
  1407. }
  1408. }
  1409. }
  1410. }
  1411. &.wiki {
  1412. &.start {
  1413. .ui.segment {
  1414. padding-top: 70px;
  1415. padding-bottom: 100px;
  1416. .mega-octicon {
  1417. font-size: 48px;
  1418. }
  1419. }
  1420. }
  1421. &.new {
  1422. .CodeMirror {
  1423. .CodeMirror-code {
  1424. font-family: @monospaced-fonts, monospace;
  1425. .cm-comment {
  1426. background: inherit;
  1427. }
  1428. }
  1429. }
  1430. .editor-preview {
  1431. background-color: white;
  1432. }
  1433. .ui.attached.tabular.menu.previewtabs {
  1434. margin-bottom: 15px;
  1435. & + .field .editor-toolbar:not(.fullscreen) a.fa-eye {
  1436. display: none;
  1437. }
  1438. }
  1439. }
  1440. &.view {
  1441. .choose.page {
  1442. margin-top: -5px;
  1443. }
  1444. .ui.sub.header {
  1445. text-transform: none;
  1446. }
  1447. > .markdown {
  1448. padding: 15px 30px;
  1449. h1,
  1450. h2,
  1451. h3,
  1452. h4,
  1453. h5,
  1454. h6 {
  1455. &:first-of-type {
  1456. margin-top: 0;
  1457. }
  1458. }
  1459. }
  1460. }
  1461. @media only screen and (max-width: 767px) {
  1462. .dividing.header .stackable.grid .button {
  1463. margin-top: 2px;
  1464. margin-bottom: 2px;
  1465. }
  1466. }
  1467. }
  1468. &.settings {
  1469. &.collaboration {
  1470. .collaborator.list {
  1471. padding: 0;
  1472. > .item {
  1473. margin: 0;
  1474. line-height: 2em;
  1475. &:not(:last-child) {
  1476. border-bottom: 1px solid #dddddd;
  1477. }
  1478. }
  1479. }
  1480. #repo-collab-form {
  1481. #search-user-box {
  1482. .results {
  1483. left: 7px;
  1484. }
  1485. }
  1486. .ui.button {
  1487. margin-left: 5px;
  1488. margin-top: -3px;
  1489. }
  1490. }
  1491. #repo-collab-team-form {
  1492. #search-team-box {
  1493. .results {
  1494. left: 7px;
  1495. }
  1496. }
  1497. .ui.button {
  1498. margin-left: 5px;
  1499. margin-top: -3px;
  1500. }
  1501. }
  1502. }
  1503. &.branches {
  1504. .protected-branches {
  1505. .selection.dropdown {
  1506. width: 300px;
  1507. }
  1508. .item {
  1509. border: 1px solid #eaeaea;
  1510. padding: 10px 15px;
  1511. &:not(:last-child) {
  1512. border-bottom: 0;
  1513. }
  1514. }
  1515. }
  1516. .branch-protection {
  1517. .help {
  1518. margin-left: 26px;
  1519. padding-top: 0;
  1520. }
  1521. .fields {
  1522. margin-left: 20px;
  1523. display: block;
  1524. }
  1525. .whitelist {
  1526. margin-left: 26px;
  1527. .dropdown img {
  1528. display: inline-block;
  1529. }
  1530. }
  1531. }
  1532. }
  1533. &.webhook {
  1534. .events {
  1535. .column {
  1536. padding-bottom: 0;
  1537. }
  1538. .help {
  1539. font-size: 13px;
  1540. margin-left: 26px;
  1541. padding-top: 0;
  1542. }
  1543. }
  1544. }
  1545. }
  1546. .ui.attached.isSigned.isVerified {
  1547. &:not(.positive) {
  1548. border-left: 1px solid #a3c293;
  1549. border-right: 1px solid #a3c293;
  1550. }
  1551. &.top:not(.positive) {
  1552. border-top: 1px solid #a3c293;
  1553. }
  1554. &:not(.positive):last-child {
  1555. border-bottom: 1px solid #a3c293;
  1556. }
  1557. }
  1558. .ui.segment.sub-menu {
  1559. padding: 7px;
  1560. line-height: 0;
  1561. .list {
  1562. width: 100%;
  1563. display: flex;
  1564. .item {
  1565. width: 100%;
  1566. border-radius: 3px;
  1567. a {
  1568. color: black;
  1569. &:hover {
  1570. color: #666666;
  1571. }
  1572. }
  1573. &.active {
  1574. background: rgba(0, 0, 0, 0.05);
  1575. }
  1576. }
  1577. }
  1578. }
  1579. .segment.reactions,
  1580. .select-reaction {
  1581. &.dropdown .menu {
  1582. right: 0 !important;
  1583. left: auto !important;
  1584. > .header {
  1585. margin: 0.75rem 0 0.5rem;
  1586. }
  1587. > .item {
  1588. float: left;
  1589. padding: 0.5rem 0.5rem !important;
  1590. img.emoji {
  1591. margin-right: 0;
  1592. }
  1593. }
  1594. }
  1595. }
  1596. .segment.reactions {
  1597. padding: 0;
  1598. display: flex;
  1599. .ui.label {
  1600. padding: 0.4em;
  1601. padding-right: 1em;
  1602. padding-left: 1em;
  1603. border: 0;
  1604. border-right: 1px solid;
  1605. border-radius: 0;
  1606. margin: 0;
  1607. font-size: 14px;
  1608. border-color: inherit !important;
  1609. &.disabled {
  1610. cursor: default;
  1611. opacity: 0.5;
  1612. }
  1613. > img {
  1614. height: 1.5em !important;
  1615. }
  1616. }
  1617. .ui.label.basic.blue {
  1618. background-color: #f1f8ff !important;
  1619. border-color: inherit !important;
  1620. }
  1621. .select-reaction {
  1622. float: left;
  1623. padding: 0.5em;
  1624. padding-left: 1em;
  1625. &:not(.active) a {
  1626. display: none;
  1627. }
  1628. }
  1629. &:hover .select-reaction a {
  1630. display: block;
  1631. }
  1632. }
  1633. .ui.fluid.action.input {
  1634. .ui.search.action.input {
  1635. flex: auto;
  1636. }
  1637. }
  1638. }
  1639. // End of .repository
  1640. &.user-cards {
  1641. .list {
  1642. padding: 0;
  1643. display: flex;
  1644. flex-wrap: wrap;
  1645. .item {
  1646. list-style: none;
  1647. width: 32%;
  1648. margin: 10px 10px 10px 0;
  1649. padding-bottom: 14px;
  1650. float: left;
  1651. .avatar {
  1652. width: 48px;
  1653. height: 48px;
  1654. float: left;
  1655. display: block;
  1656. margin-right: 10px;
  1657. }
  1658. .name {
  1659. margin-top: 0;
  1660. margin-bottom: 0;
  1661. font-weight: normal;
  1662. }
  1663. .meta {
  1664. margin-top: 5px;
  1665. }
  1666. }
  1667. }
  1668. }
  1669. #search-repo-box,
  1670. #search-user-box {
  1671. .results {
  1672. .result {
  1673. .image {
  1674. float: left;
  1675. margin-right: 8px;
  1676. width: 2em;
  1677. height: 2em;
  1678. }
  1679. .content {
  1680. margin: 6px 0;
  1681. }
  1682. }
  1683. }
  1684. }
  1685. #search-team-box {
  1686. .results {
  1687. .result {
  1688. .content {
  1689. margin: 6px 0;
  1690. }
  1691. }
  1692. }
  1693. }
  1694. #issue-filters.hide {
  1695. display: none;
  1696. }
  1697. #issue-actions {
  1698. margin-top: -1rem !important; // counteract padding from Semantic
  1699. }
  1700. #issue-actions.hide {
  1701. display: none;
  1702. }
  1703. .ui.checkbox.issue-checkbox {
  1704. vertical-align: middle;
  1705. }
  1706. .issue.list {
  1707. list-style: none;
  1708. > .item {
  1709. padding-top: 15px;
  1710. padding-bottom: 10px;
  1711. border-bottom: 1px dashed #aaaaaa;
  1712. .title {
  1713. color: #444444;
  1714. font-size: 15px;
  1715. font-weight: bold;
  1716. margin: 0 6px;
  1717. &:hover {
  1718. color: #000000;
  1719. }
  1720. }
  1721. .comment {
  1722. padding-right: 10px;
  1723. color: #666666;
  1724. }
  1725. .desc {
  1726. padding-top: 5px;
  1727. color: #999999;
  1728. .checklist {
  1729. padding-left: 5px;
  1730. .progress-bar {
  1731. margin-left: 2px;
  1732. width: 80px;
  1733. height: 6px;
  1734. display: inline-block;
  1735. background-color: #eeeeee;
  1736. overflow: hidden;
  1737. border-radius: 3px;
  1738. vertical-align: 2px !important;
  1739. .progress {
  1740. background-color: #cccccc;
  1741. display: block;
  1742. height: 100%;
  1743. }
  1744. }
  1745. }
  1746. .due-date {
  1747. padding-left: 5px;
  1748. }
  1749. a.milestone {
  1750. margin-left: 5px;
  1751. color: #999999 !important;
  1752. &:hover {
  1753. color: #000000 !important;
  1754. }
  1755. }
  1756. a.ref {
  1757. margin-left: 8px;
  1758. color: #999999 !important;
  1759. &:hover {
  1760. color: #000000 !important;
  1761. }
  1762. span {
  1763. margin-right: -4px;
  1764. }
  1765. }
  1766. .assignee {
  1767. margin-top: -5px;
  1768. margin-right: 5px;
  1769. }
  1770. .overdue {
  1771. color: red;
  1772. }
  1773. }
  1774. }
  1775. }
  1776. .page.buttons {
  1777. padding-top: 15px;
  1778. }
  1779. .ui.form {
  1780. .dropzone {
  1781. width: 100%;
  1782. margin-bottom: 10px;
  1783. border: 2px dashed #0087f5;
  1784. box-shadow: none !important;
  1785. .dz-error-message {
  1786. top: 140px;
  1787. }
  1788. }
  1789. }
  1790. .settings {
  1791. .content {
  1792. margin-top: 2px;
  1793. > .header,
  1794. .segment {
  1795. box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
  1796. }
  1797. }
  1798. .list {
  1799. > .item {
  1800. .green:not(.ui.button) {
  1801. color: #21ba45;
  1802. }
  1803. &:not(:first-child) {
  1804. border-top: 1px solid #eaeaea;
  1805. padding: 1rem;
  1806. margin: 15px -1rem -1rem -1rem;
  1807. }
  1808. > .mega-octicon {
  1809. display: table-cell;
  1810. }
  1811. > .mega-octicon + .content {
  1812. display: table-cell;
  1813. padding: 0 0 0 0.5em;
  1814. vertical-align: top;
  1815. }
  1816. .info {
  1817. margin-top: 10px;
  1818. .tab.segment {
  1819. border: 0;
  1820. padding: 10px 0 0;
  1821. }
  1822. }
  1823. }
  1824. &.key {
  1825. .meta {
  1826. padding-top: 5px;
  1827. color: #666666;
  1828. }
  1829. }
  1830. &.email {
  1831. > .item:not(:first-child) {
  1832. min-height: 60px;
  1833. }
  1834. }
  1835. &.collaborator {
  1836. > .item {
  1837. padding: 0;
  1838. }
  1839. }
  1840. }
  1841. }
  1842. .ui.vertical.menu {
  1843. .header.item {
  1844. font-size: 1.1em;
  1845. background: #f0f0f0;
  1846. }
  1847. }
  1848. .edit-label.modal,
  1849. .new-label.segment {
  1850. .form {
  1851. .column {
  1852. padding-right: 0;
  1853. }
  1854. .buttons {
  1855. margin-left: auto;
  1856. padding-top: 15px;
  1857. }
  1858. .color.picker.column {
  1859. width: auto;
  1860. .color-picker {
  1861. height: 35px;
  1862. width: auto;
  1863. padding-left: 30px;
  1864. }
  1865. }
  1866. .minicolors-swatch.minicolors-sprite {
  1867. top: 10px;
  1868. left: 10px;
  1869. width: 15px;
  1870. height: 15px;
  1871. }
  1872. .precolors {
  1873. padding-left: 0;
  1874. padding-right: 0;
  1875. margin: 3px 10px auto 10px;
  1876. width: 120px;
  1877. .color {
  1878. float: left;
  1879. width: 15px;
  1880. height: 15px;
  1881. }
  1882. }
  1883. }
  1884. }
  1885. #avatar-arrow {
  1886. &:before,
  1887. &:after {
  1888. right: 100%;
  1889. top: 20px;
  1890. border: solid transparent;
  1891. content: " ";
  1892. height: 0;
  1893. width: 0;
  1894. position: absolute;
  1895. pointer-events: none;
  1896. }
  1897. &:before {
  1898. border-right-color: #d3d3d4;
  1899. border-width: 9px;
  1900. margin-top: -9px;
  1901. }
  1902. &:after {
  1903. border-right-color: #f7f7f7;
  1904. border-width: 8px;
  1905. margin-top: -8px;
  1906. }
  1907. }
  1908. #transfer-repo-modal,
  1909. #delete-repo-modal {
  1910. .ui.message {
  1911. width: 100% !important;
  1912. }
  1913. }
  1914. // generate .tab-size-{i} from 1 to 16
  1915. .generate-tab-size(16);
  1916. .generate-tab-size(@n, @i: 1) when (@i =< @n) {
  1917. [email protected]{i} {
  1918. tab-size: @i !important;
  1919. }
  1920. .generate-tab-size(@n, (@i + 1));
  1921. }
  1922. .stats-table {
  1923. display: table;
  1924. width: 100%;
  1925. .table-cell {
  1926. display: table-cell;
  1927. &.tiny {
  1928. height: 0.5em;
  1929. }
  1930. }
  1931. }
  1932. tbody.commit-list {
  1933. vertical-align: baseline;
  1934. }
  1935. .commit-list .message-wrapper {
  1936. overflow: hidden;
  1937. text-overflow: ellipsis;
  1938. max-width: calc(100% - 50px);
  1939. display: inline-block;
  1940. vertical-align: middle;
  1941. }
  1942. .commit-list .commit-summary a {
  1943. text-decoration: underline;
  1944. text-decoration-style: dashed;
  1945. &:hover {
  1946. text-decoration-style: solid;
  1947. }
  1948. &.default-link {
  1949. text-decoration: none;
  1950. &:hover {
  1951. text-decoration: underline;
  1952. text-decoration-style: solid;
  1953. }
  1954. }
  1955. }
  1956. .commit-list .commit-status-link {
  1957. display: inline-block;
  1958. vertical-align: middle;
  1959. }
  1960. .commit-body {
  1961. white-space: pre-wrap;
  1962. }
  1963. .git-notes {
  1964. &.top {
  1965. text-align: left;
  1966. }
  1967. .commit-body {
  1968. margin: 0;
  1969. }
  1970. }
  1971. @media only screen and (max-width: 767px) {
  1972. .ui.stackable.menu {
  1973. &.mobile--margin-between-items > .item {
  1974. margin-top: 5px;
  1975. margin-bottom: 5px;
  1976. }
  1977. &.mobile--no-negative-margins {
  1978. margin-left: 0;
  1979. margin-right: 0;
  1980. }
  1981. }
  1982. }
  1983. #topic_edit {
  1984. margin-top: 5px;
  1985. }
  1986. #repo-topics {
  1987. margin-top: 5px;
  1988. }
  1989. .repo-topic {
  1990. cursor: pointer;
  1991. }
  1992. #new-dependency-drop-list {
  1993. &.ui.selection.dropdown {
  1994. min-width: 0;
  1995. width: 100%;
  1996. border-radius: 4px 0 0 4px;
  1997. border-right: 0;
  1998. white-space: nowrap;
  1999. }
  2000. .text {
  2001. width: 100%;
  2002. overflow: hidden;
  2003. }
  2004. }
  2005. #manage_topic {
  2006. font-size: 12px;
  2007. }
  2008. .label + #manage_topic {
  2009. margin-left: 5px;
  2010. }
  2011. .ui.small.label.topic {
  2012. margin-bottom: 4px;
  2013. }
  2014. .repo-header {
  2015. display: flex;
  2016. align-items: center;
  2017. justify-content: space-between;
  2018. flex-wrap: wrap;
  2019. }
  2020. .repo-header .repo-buttons {
  2021. display: flex;
  2022. align-items: center;
  2023. }
  2024. .repo-buttons .disabled-repo-button .label {
  2025. opacity: 0.5;
  2026. }
  2027. .repo-buttons .disabled-repo-button a.button {
  2028. opacity: 0.5;
  2029. cursor: not-allowed;
  2030. }
  2031. .repo-buttons .disabled-repo-button a.button:hover {
  2032. background: none !important;
  2033. color: rgba(0, 0, 0, 0.6) !important;
  2034. box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15) inset !important;
  2035. }
  2036. .repo-buttons .ui.labeled.button > .label {
  2037. border-left: 0 !important;
  2038. margin: 0 !important;
  2039. }
  2040. .tag-code,
  2041. .tag-code td {
  2042. background-color: #f0f0f0 !important;
  2043. border-color: #d3cfcf !important;
  2044. padding-top: 8px;
  2045. padding-bottom: 8px;
  2046. }
  2047. td.blob-excerpt {
  2048. background-color: #fafafa;
  2049. }
  2050. .issue-keyword {
  2051. border-bottom: 1px dotted #959da5;
  2052. display: inline-block;
  2053. }
  2054. .file-header {
  2055. display: flex;
  2056. justify-content: space-between;
  2057. align-items: center;
  2058. padding: 8px 12px !important;
  2059. }
  2060. .file-info {
  2061. display: flex;
  2062. align-items: center;
  2063. }
  2064. .file-info-entry + .file-info-entry {
  2065. border-left: 1px solid currentColor;
  2066. margin-left: 8px;
  2067. padding-left: 8px;
  2068. }
  2069. .title_wip_desc {
  2070. margin-top: 1em;
  2071. }
  2072. .diff-file-box[data-folded="true"] .diff-file-body {
  2073. visibility: hidden;
  2074. }
  2075. .diff-file-box[data-folded="true"] .diff-file-header {
  2076. border-radius: 0.28571429rem !important;
  2077. }