_repository.less 12 KB

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