_repository.less 13 KB

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