_repository.less 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787
  1. .repository {
  2. @mega-octicon-width: 30px;
  3. padding-top: 15px;
  4. padding-bottom: @footer-margin * 2;
  5. .head {
  6. .column {
  7. padding-top: 5px!important;
  8. padding-bottom: 5px!important;
  9. }
  10. .ui.compact.menu {
  11. margin-left: 1rem;
  12. }
  13. .ui.header {
  14. margin-top: 0;
  15. }
  16. .mega-octicon {
  17. width: @mega-octicon-width;
  18. font-size: 30px;
  19. }
  20. .ui.huge.breadcrumb {
  21. font-weight: 300;
  22. font-size: 1.7rem;
  23. }
  24. .fork-flag {
  25. margin-left: @mega-octicon-width + 8px;
  26. display: block;
  27. font-size: 11px;
  28. line-height: 10px;
  29. white-space: nowrap;
  30. }
  31. }
  32. .metas {
  33. .menu {
  34. max-height: 300px;
  35. overflow-x: auto;
  36. }
  37. .ui.list {
  38. .hide {
  39. display: none!important;
  40. }
  41. .label.color {
  42. padding: 0 8px;
  43. margin-right: 5px;
  44. }
  45. a {
  46. padding-top: 5px;
  47. padding-right: 10px;
  48. .text {
  49. color: #444;
  50. &:hover {
  51. color: #000;
  52. }
  53. }
  54. }
  55. }
  56. }
  57. .filter.menu {
  58. .label.color {
  59. margin-left: 15px;
  60. padding: 0 8px;
  61. }
  62. .octicon {
  63. float: left;
  64. margin-left: -5px;
  65. margin-right: -7px;
  66. }
  67. .menu {
  68. max-height: 300px;
  69. overflow-x: auto;
  70. right: 0!important;
  71. left: auto!important;
  72. }
  73. .dropdown.item {
  74. margin: 1px;
  75. padding-right: 0;
  76. }
  77. }
  78. &.options {
  79. input {
  80. width: 50%!important;
  81. min-width: 300px;
  82. }
  83. #interval {
  84. width: 100px!important;
  85. min-width: 100px;
  86. }
  87. .danger {
  88. .item {
  89. padding: 20px 15px;
  90. }
  91. .ui.divider {
  92. margin: 0;
  93. }
  94. }
  95. }
  96. @comment-avatar-width: 3em;
  97. &.new.issue {
  98. .comment.form {
  99. .comment {
  100. .avatar {
  101. width: @comment-avatar-width;
  102. }
  103. }
  104. .content {
  105. margin-left: 4em;
  106. .markdown {
  107. font-size: 14px;
  108. }
  109. }
  110. .metas {
  111. min-width: 220px;
  112. .filter.menu {
  113. max-height: 300px;
  114. overflow-x: auto;
  115. }
  116. }
  117. }
  118. }
  119. &.view.issue {
  120. .title {
  121. padding-bottom: 0!important;
  122. h1 {
  123. font-weight: 300;
  124. font-size: 3rem;
  125. margin-bottom: 5px;
  126. .ui.input {
  127. font-size: 0.5em;
  128. vertical-align: top;
  129. width: 50%;
  130. min-width: 600px;
  131. input {
  132. font-size: 1.5em;
  133. padding: 6px 10px;
  134. }
  135. }
  136. }
  137. .index {
  138. font-weight: 300;
  139. color: #aaa;
  140. letter-spacing: -1px;
  141. }
  142. .label {
  143. margin-right: 10px;
  144. }
  145. .edit-zone {
  146. margin-top: 10px;
  147. }
  148. }
  149. .pull-desc {
  150. code {
  151. color: #0166E6;
  152. }
  153. }
  154. .pull {
  155. &.tabular.menu {
  156. margin-bottom: 10px;
  157. .octicon {
  158. margin-right: 5px;
  159. }
  160. }
  161. &.tab.segment {
  162. border: none;
  163. padding: 0;
  164. padding-top: 10px;
  165. box-shadow: none;
  166. background-color: inherit;
  167. }
  168. .merge.box {
  169. .avatar {
  170. margin-left: 10px;
  171. margin-top: 10px;
  172. }
  173. }
  174. }
  175. .comment-list {
  176. &:before {
  177. display: block;
  178. content: "";
  179. position: absolute;
  180. margin-top: 12px;
  181. margin-bottom: 14px;
  182. top: 0;
  183. bottom: 0;
  184. left: 96px;
  185. width: 2px;
  186. background-color: #f3f3f3;
  187. z-index: -1;
  188. }
  189. .comment {
  190. .avatar {
  191. width: @comment-avatar-width;
  192. }
  193. .tag {
  194. color: #767676;
  195. margin-top: 3px;
  196. padding: 2px 5px;
  197. font-size: 12px;
  198. border: 1px solid rgba(0,0,0,0.1);
  199. border-radius: 3px;
  200. }
  201. .actions {
  202. .item {
  203. float: left;
  204. }
  205. a.item {
  206. margin-top: 6px;
  207. margin-left: 10px;
  208. }
  209. }
  210. .content {
  211. margin-left: 4em;
  212. .header {
  213. font-weight: normal;
  214. padding: auto 15px;
  215. color: #767676;
  216. background-color: #f7f7f7;
  217. border-bottom: 1px solid #eee;
  218. border-top-left-radius: 3px;
  219. border-top-right-radius: 3px;
  220. .text {
  221. max-width: 78%;
  222. padding-top: 10px;
  223. padding-bottom: 10px;
  224. }
  225. }
  226. .markdown {
  227. font-size: 14px;
  228. }
  229. .no-content {
  230. color: #767676;
  231. font-style: italic;
  232. }
  233. > .bottom.segment {
  234. background: #f3f4f5;
  235. .ui.image {
  236. max-height: 150px;
  237. }
  238. }
  239. }
  240. .ui.form {
  241. .field:first-child {
  242. clear: none;
  243. }
  244. .tab.segment {
  245. border: none;
  246. padding: 0;
  247. padding-top: 10px;
  248. }
  249. textarea {
  250. height: 200px;
  251. }
  252. }
  253. .edit.buttons {
  254. margin-top: 10px;
  255. }
  256. }
  257. .event {
  258. position: relative;
  259. margin: 15px 0 15px 79px;
  260. padding-left: 25px;
  261. .octicon {
  262. width: 30px;
  263. float: left;
  264. margin-left: -36px;
  265. text-align: center;
  266. &.octicon-circle-slash {
  267. margin-top: 5px;
  268. font-size: 20px;
  269. color: #bd2c00;
  270. }
  271. &.octicon-primitive-dot {
  272. font-size: 30px;
  273. color: #6cc644;
  274. }
  275. &.octicon-bookmark {
  276. margin-top: 3px;
  277. font-size: 25px;
  278. }
  279. }
  280. .detail {
  281. font-size: 0.9rem;
  282. margin-top: 5px;
  283. margin-left: 35px;
  284. .octicon {
  285. &.octicon-git-commit {
  286. margin-top: 2px;
  287. }
  288. }
  289. }
  290. }
  291. }
  292. .ui.segment.metas {
  293. margin-top: -3px;
  294. }
  295. }
  296. .comment.form {
  297. .ui.comments {
  298. margin-top: -12px;
  299. max-width: 100%;
  300. }
  301. .content {
  302. .field:first-child {
  303. clear: none;
  304. }
  305. .tab.segment {
  306. border: none;
  307. padding: 0;
  308. padding-top: 10px;
  309. }
  310. textarea {
  311. height: 200px;
  312. }
  313. }
  314. }
  315. .label.list {
  316. list-style: none;
  317. padding-top: 15px;
  318. .item {
  319. padding-top: 10px;
  320. padding-bottom: 10px;
  321. border-bottom: 1px dashed #AAA;
  322. a {
  323. font-size: 15px;
  324. padding-top: 5px;
  325. padding-right: 10px;
  326. color: #666;
  327. &:hover {
  328. color: #000;
  329. }
  330. &.open-issues {
  331. margin-right: 30px;
  332. }
  333. }
  334. }
  335. }
  336. .milestone.list {
  337. list-style: none;
  338. padding-top: 15px;
  339. > .item {
  340. padding-top: 10px;
  341. padding-bottom: 10px;
  342. border-bottom: 1px dashed #AAA;
  343. > a {
  344. padding-top: 5px;
  345. padding-right: 10px;
  346. color: #000;
  347. &:hover {
  348. color: #4078c0;
  349. }
  350. }
  351. .ui.progress {
  352. width: 40%;
  353. padding: 0;
  354. border: 0;
  355. margin: 0;
  356. .bar {
  357. height: 20px;
  358. }
  359. }
  360. .meta {
  361. color: #999;
  362. padding-top: 5px;
  363. .issue-stats .octicon{
  364. padding-left: 5px;
  365. }
  366. .overdue {
  367. color: red;
  368. }
  369. }
  370. .operate {
  371. margin-top: -15px;
  372. > a {
  373. font-size: 15px;
  374. padding-top: 5px;
  375. padding-right: 10px;
  376. color: #666;
  377. &:hover {
  378. color: #000;
  379. }
  380. }
  381. }
  382. .content {
  383. padding-top: 10px;
  384. }
  385. }
  386. }
  387. &.new.milestone {
  388. textarea {
  389. height: 200px;
  390. }
  391. #deadline {
  392. width: 150px;
  393. }
  394. }
  395. &.compare.pull {
  396. .choose.branch {
  397. .octicon {
  398. padding-right: 10px;
  399. }
  400. }
  401. }
  402. .filter.dropdown .menu {
  403. margin-top: 1px!important;
  404. }
  405. &.commits {
  406. .header {
  407. .ui.right {
  408. .search {
  409. input {
  410. font-weight: normal;
  411. padding: 5px 10px;
  412. }
  413. }
  414. .button {
  415. float: right;
  416. margin-left: 5px;
  417. margin-top: 1px;
  418. }
  419. }
  420. }
  421. }
  422. .commits.table {
  423. font-size: 13px;
  424. th, td {
  425. &:first-child {
  426. padding-left: 15px;
  427. }
  428. }
  429. td {
  430. line-height: 15px;
  431. }
  432. .author {
  433. min-width: 180px;
  434. }
  435. .message span {
  436. max-width: 500px;
  437. }
  438. .date {
  439. width: 120px;
  440. }
  441. }
  442. .sha.label {
  443. font-family: Consolas, Menlo, Monaco, "Lucida Console", monospace;
  444. font-size: 14px;
  445. padding: 6px 10px 4px 10px;
  446. font-weight: normal;
  447. }
  448. .diff-detail-box {
  449. margin: 15px 0;
  450. line-height: 30px;
  451. ol {
  452. clear: both;
  453. padding-left: 0;
  454. margin-top: 5px;
  455. margin-bottom: 28px;
  456. li {
  457. list-style: none;
  458. padding-bottom: 4px;
  459. margin-bottom: 4px;
  460. border-bottom: 1px dashed #DDD;
  461. padding-left: 6px;
  462. }
  463. }
  464. span.status{
  465. display: inline-block;
  466. width: 12px;
  467. height: 12px;
  468. margin-right: 8px;
  469. vertical-align: middle;
  470. &.modify {
  471. background-color: #f0db88;
  472. }
  473. &.add {
  474. background-color: #b4e2b4;
  475. }
  476. &.del {
  477. background-color: #e9aeae;
  478. }
  479. &.rename {
  480. background-color: #dad8ff;
  481. }
  482. }
  483. }
  484. .diff-box {
  485. .count {
  486. margin-right: 12px;
  487. .bar {
  488. background-color: #e75316;
  489. height: 12px;
  490. width: 40px;
  491. display: inline-block;
  492. margin: 2px 4px 0 4px;
  493. vertical-align: text-top;
  494. .add {
  495. background-color: #77c64a;
  496. height: 12px;
  497. }
  498. }
  499. }
  500. .file {
  501. color: #888;
  502. }
  503. }
  504. .diff-file-box {
  505. .header {
  506. border-bottom: 1px solid #d4d4d5!important;
  507. }
  508. .file-body.file-code {
  509. .lines-num {
  510. text-align: right;
  511. color: #999;
  512. background: #fafafa;
  513. width: 1%;
  514. }
  515. .lines-num-old {
  516. border-right: 1px solid #DDD;
  517. }
  518. }
  519. .code-diff {
  520. font-size: 13px;
  521. td {
  522. padding: 0;
  523. border-top: none;
  524. }
  525. pre {
  526. margin: 0;
  527. }
  528. .lines-num {
  529. border-right: 1px solid #d4d4d5;
  530. padding: 0 5px;
  531. }
  532. tbody {
  533. tr {
  534. &.tag-code {
  535. td, pre {
  536. background-color: #E0E0E0 !important;
  537. border-color: #ADADAD!important;
  538. }
  539. // td.selected-line, td.selected-line pre {
  540. // background-color: #ffffdd !important;
  541. // }
  542. }
  543. // &.same-code {
  544. // td.selected-line, td.selected-line pre {
  545. // background-color: #ffffdd !important;
  546. // }
  547. // }
  548. &.del-code {
  549. td, pre {
  550. background-color: #ffe2dd !important;
  551. border-color: #e9aeae !important;
  552. }
  553. // td.selected-line, td.selected-line pre {
  554. // background-color: #ffffdd !important;
  555. // }
  556. }
  557. &.add-code {
  558. td, pre {
  559. background-color: #d1ffd6 !important;
  560. border-color: #b4e2b4 !important;
  561. }
  562. // td.selected-line, td.selected-line pre {
  563. // background-color: #ffffdd !important;
  564. // }
  565. }
  566. &:hover {
  567. td {
  568. background-color: #FFF8D2 !important;
  569. border-color: #F0DB88 !important;
  570. }
  571. pre {
  572. background-color: transparent !important;
  573. }
  574. }
  575. }
  576. }
  577. }
  578. }
  579. .code-view {
  580. overflow: auto;
  581. overflow-x: auto;
  582. overflow-y: hidden;
  583. }
  584. }
  585. .issue.list {
  586. list-style: none;
  587. padding-top: 15px;
  588. >.item {
  589. padding-top: 15px;
  590. padding-bottom: 10px;
  591. border-bottom: 1px dashed #AAA;
  592. .title {
  593. color: #444;
  594. font-size: 15px;
  595. font-weight: bold;
  596. margin: 0 6px;
  597. &:hover {
  598. color: #000;
  599. }
  600. }
  601. .comment {
  602. padding-right: 10px;
  603. color: #666;
  604. }
  605. .desc {
  606. padding-top: 5px;
  607. color: #999;
  608. a.milestone {
  609. padding-left: 5px;
  610. color: #999!important;
  611. &:hover {
  612. color: #000!important;
  613. }
  614. }
  615. .assignee {
  616. margin-top: -5px;
  617. margin-right: 5px;
  618. }
  619. }
  620. }
  621. }
  622. .page.buttons {
  623. padding-top: 15px;
  624. }
  625. .ui.comments {
  626. .dropzone {
  627. width: 100%;
  628. margin-bottom: 10px;
  629. border: 2px dashed #0087F7;
  630. box-shadow: none!important;
  631. .dz-error-message {
  632. top: 140px;
  633. }
  634. }
  635. }
  636. .settings {
  637. .content {
  638. margin-top: 2px;
  639. .header,
  640. .segment {
  641. box-shadow: 0 1px 2px 0 rgba(34,36,38,.15);
  642. }
  643. }
  644. .key.list {
  645. .item:not(:first-child) {
  646. border-top: 1px solid #eaeaea;
  647. }
  648. .ssh-key-state-indicator {
  649. float: left;
  650. color: gray;
  651. padding-left: 10px;
  652. padding-top: 10px;
  653. &.active {
  654. color: #6cc644;
  655. }
  656. }
  657. .meta {
  658. padding-top: 5px;
  659. }
  660. .print {
  661. color: #767676;
  662. }
  663. .activity {
  664. color: #666;
  665. }
  666. }
  667. .hook.list {
  668. > .item:not(:first-child) {
  669. border-top: 1px solid #eaeaea;
  670. }
  671. .item {
  672. padding: 10px 20px;
  673. .octicon,
  674. .fa {
  675. width: 20px;
  676. text-align: center;
  677. }
  678. }
  679. }
  680. .hook.history.list {
  681. .item {
  682. padding-left: 13px;
  683. .meta {
  684. .ui.right {
  685. margin-top: 5px;
  686. .time {
  687. font-size: 12px;
  688. }
  689. }
  690. }
  691. .info {
  692. margin-top: 10px;
  693. .tabular.menu {
  694. .item {
  695. font-weight: 500;
  696. }
  697. }
  698. .tab.segment {
  699. border: none;
  700. padding: 0;
  701. padding-top: 10px;
  702. box-shadow: none;
  703. > * {
  704. color: #666;
  705. }
  706. pre {
  707. word-wrap: break-word;
  708. .hljs {
  709. padding: 0;
  710. background-color: inherit;
  711. }
  712. }
  713. }
  714. }
  715. }
  716. }
  717. }
  718. .ui.vertical.menu {
  719. .header.item {
  720. font-size: 1.1em;
  721. background: #f0f0f0;
  722. }
  723. }
  724. .edit-label.modal,
  725. .new-label.segment {
  726. .form {
  727. .column {
  728. padding-right: 0;
  729. }
  730. .buttons {
  731. margin-left: auto;
  732. padding-top: 15px;
  733. }
  734. .color.picker.column {
  735. width: auto;
  736. .color-picker {
  737. height: 35px;
  738. width: auto;
  739. padding-left: 30px;
  740. }
  741. }
  742. .minicolors-swatch.minicolors-sprite {
  743. top: 10px;
  744. left: 10px;
  745. width: 15px;
  746. height: 15px;
  747. }
  748. .precolors {
  749. padding-left: 0;
  750. padding-right: 0;
  751. margin: 3px 10px auto 10px;
  752. width: 120px;
  753. .color {
  754. float: left;
  755. width: 15px;
  756. height: 15px;
  757. }
  758. }
  759. }
  760. }
  761. #transfer-repo-modal,
  762. #delete-repo-modal {
  763. .ui.message {
  764. width: 100%!important;
  765. }
  766. }