forgejo/public/less/_repository.less

517 lines
8 KiB
Text
Raw Normal View History

2015-07-23 22:50:05 +02:00
.repository {
@mega-octicon-width: 30px;
padding-top: 15px;
padding-bottom: @footer-margin * 3;
2015-08-12 12:12:06 +02:00
2015-07-23 22:50:05 +02:00
.head {
2015-08-12 13:08:10 +02:00
.column {
padding-top: 5px!important;
padding-bottom: 5px!important;
}
2015-08-12 12:12:06 +02:00
.ui.compact.menu {
margin-left: 1rem;
2015-07-23 22:50:05 +02:00
}
2015-08-12 12:12:06 +02:00
.ui.header {
margin-top: 0;
2015-07-23 22:50:05 +02:00
}
.mega-octicon {
width: @mega-octicon-width;
2015-08-09 16:45:38 +02:00
font-size: 30px;
2015-07-23 22:50:05 +02:00
}
2015-08-12 13:08:10 +02:00
.ui.huge.breadcrumb {
2015-07-23 22:50:05 +02:00
font-weight: 300;
2015-08-12 13:08:10 +02:00
font-size: 1.7rem;
2015-07-23 22:50:05 +02:00
}
.fork-flag {
margin-left: @mega-octicon-width + 8px;
display: block;
font-size: 11px;
line-height: 10px;
white-space: nowrap;
}
}
2015-08-12 12:12:06 +02:00
2015-08-10 12:57:57 +02:00
.metas {
.menu {
max-height: 300px;
overflow-x: auto;
}
.ui.list {
.hide {
display: none!important;
}
.label.color {
padding: 0 8px;
margin-right: 5px;
}
a {
padding-top: 5px;
padding-right: 10px;
.text {
color: #444;
&:hover {
color: #000;
}
2015-08-10 10:52:08 +02:00
}
}
}
}
2015-07-24 20:52:25 +02:00
.filter.menu {
.label.color {
2015-08-09 16:45:38 +02:00
margin-left: 15px;
2015-07-24 20:52:25 +02:00
padding: 0 8px;
}
.octicon {
float: left;
margin-left: -5px;
margin-right: -7px;
}
.menu {
max-height: 300px;
overflow-x: auto;
2015-07-23 22:50:05 +02:00
right: 0!important;
left: auto!important;
2015-08-09 16:45:38 +02:00
}
2015-08-15 06:07:08 +02:00
.dropdown.item {
margin: 1px;
padding-right: 0;
}
2015-07-23 22:50:05 +02:00
}
2015-08-03 11:42:09 +02:00
2015-08-04 16:24:04 +02:00
.page.buttons {
padding-top: 15px;
}
2015-07-23 22:50:05 +02:00
.issue.list {
list-style: none;
2015-08-09 16:45:38 +02:00
padding-top: 15px;
2015-07-27 21:14:37 +02:00
>.item {
padding-top: 15px;
2015-07-23 22:50:05 +02:00
padding-bottom: 10px;
border-bottom: 1px dashed #AAA;
.title {
color: #444;
font-size: 15px;
font-weight: bold;
margin: 0 6px;
&:hover {
color: #000;
}
}
.comment {
padding-right: 10px;
color: #666;
}
.desc {
padding-top: 5px;
color: #999;
2015-08-05 14:23:08 +02:00
a.milestone {
padding-left: 5px;
color: #999!important;
&:hover {
color: #000!important;
}
}
.assignee {
margin-top: -5px;
2015-08-13 20:48:58 +02:00
margin-right: 5px;
}
2015-07-23 22:50:05 +02:00
}
}
}
@comment-avatar-width: 3em;
&.new.issue {
.comment.form {
2015-08-12 12:44:09 +02:00
.comment {
.avatar {
width: @comment-avatar-width;
}
}
.content {
margin-left: 4em;
.markdown {
font-size: 14px;
}
}
.metas {
min-width: 220px;
2015-08-10 10:52:08 +02:00
.filter.menu {
max-height: 300px;
overflow-x: auto;
}
}
2015-08-12 12:44:09 +02:00
}
}
&.view.issue {
.title {
padding-bottom: 0!important;
h1 {
font-weight: 300;
font-size: 3rem;
margin-bottom: 5px;
2015-08-19 17:14:57 +02:00
.ui.input {
font-size: 0.5em;
vertical-align: top;
width: 50%;
min-width: 600px;
input {
font-size: 1.5em;
padding: 6px 10px;
}
}
}
.index {
font-weight: 300;
color: #aaa;
letter-spacing: -1px;
}
.label {
margin-right: 10px;
}
2015-08-19 17:14:57 +02:00
.edit-zone {
margin-top: 10px;
}
}
.comment-list {
2015-08-13 17:21:43 +02:00
&:before {
display: block;
content: "";
position: absolute;
margin-top: 12px;
margin-bottom: 14px;
top: 0;
bottom: 0;
left: 96px;
width: 2px;
background-color: #f3f3f3;
z-index: -1;
}
.comment {
.avatar {
width: @comment-avatar-width;
}
.tag {
color: #767676;
margin-top: 3px;
padding: 2px 5px;
font-size: 12px;
border: 1px solid rgba(0,0,0,0.1);
border-radius: 3px;
}
2015-08-19 17:14:57 +02:00
.actions {
.item {
float: left;
}
a.item {
margin-top: 6px;
margin-left: 10px;
}
}
.content {
margin-left: 4em;
.header {
font-weight: normal;
padding: auto 15px;
color: #767676;
background-color: #f7f7f7;
border-bottom: 1px solid #eee;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
.text {
max-width: 78%;
padding-top: 10px;
padding-bottom: 10px;
}
}
.markdown {
font-size: 14px;
}
2015-08-12 12:44:09 +02:00
.no-content {
color: #767676;
font-style: italic;
}
> .bottom.segment {
background: #f3f4f5;
.ui.image {
max-height: 150px;
}
}
}
2015-08-12 12:44:09 +02:00
.ui.form {
.field:first-child {
clear: none;
}
.tab.segment {
border: none;
padding: 0;
padding-top: 10px;
}
textarea {
height: 200px;
}
}
2015-08-19 22:31:28 +02:00
.edit.buttons {
margin-top: 10px;
}
}
2015-08-13 17:21:43 +02:00
.event {
position: relative;
margin: 15px 0 15px 79px;
padding-left: 25px;
.octicon {
width: 30px;
float: left;
margin-left: -36px;
text-align: center;
&.octicon-circle-slash {
2015-08-15 20:09:37 +02:00
margin-top: 5px;
font-size: 20px;
2015-08-13 17:21:43 +02:00
color: #bd2c00;
}
&.octicon-primitive-dot {
font-size: 35px;
color: #6cc644;
}
}
}
}
.ui.segment.metas {
margin-top: -3px;
}
}
.comment.form {
.ui.comments {
margin-top: -12px;
2015-08-12 12:44:09 +02:00
max-width: 100%;
}
.content {
.field:first-child {
clear: none;
}
.tab.segment {
border: none;
padding: 0;
padding-top: 10px;
}
textarea {
height: 200px;
}
}
}
2015-08-03 11:42:09 +02:00
.label.list {
2015-08-03 11:42:09 +02:00
list-style: none;
2015-08-09 16:45:38 +02:00
padding-top: 15px;
.item {
padding-top: 10px;
padding-bottom: 10px;
border-bottom: 1px dashed #AAA;
a {
font-size: 15px;
padding-top: 5px;
padding-right: 10px;
color: #666;
&:hover {
color: #000;
}
&.open-issues {
margin-right: 30px;
}
}
}
}
2015-08-03 11:42:09 +02:00
.milestone.list {
list-style: none;
2015-08-09 16:45:38 +02:00
padding-top: 15px;
2015-08-04 16:24:04 +02:00
> .item {
2015-08-03 11:42:09 +02:00
padding-top: 10px;
padding-bottom: 10px;
border-bottom: 1px dashed #AAA;
> a {
padding-top: 5px;
padding-right: 10px;
color: #000;
&:hover {
color: #4078c0;
}
}
.ui.progress {
width: 40%;
padding: 0;
border: 0;
margin: 0;
.bar {
height: 20px;
}
}
.meta {
color: #999;
padding-top: 5px;
.issue-stats .octicon{
padding-left: 5px;
}
2015-08-05 09:24:26 +02:00
.overdue {
color: red;
}
2015-08-03 11:42:09 +02:00
}
.operate {
margin-top: -15px;
> a {
font-size: 15px;
padding-top: 5px;
padding-right: 10px;
color: #666;
&:hover {
color: #000;
}
}
}
.content {
padding-top: 10px;
}
}
}
2015-08-05 09:24:26 +02:00
&.new.milestone {
textarea {
height: 200px;
}
2015-08-09 18:23:20 +02:00
#deadline {
width: 150px;
2015-08-06 16:48:11 +02:00
}
}
2015-08-08 16:43:14 +02:00
&.compare.pull {
.choose.branch {
.octicon {
padding-right: 10px;
}
}
}
.filter.dropdown .menu {
margin-top: 1px!important;
.items {
max-height: 300px;
overflow-y: auto;
.item {
position: relative;
cursor: pointer;
display: block;
border: none;
height: auto;
border-top: none;
line-height: 1em;
color: rgba(0,0,0,.8);
padding: .71428571em 1.14285714em!important;
font-size: 1rem;
text-transform: none;
font-weight: 400;
box-shadow: none;
-webkit-touch-callout: none;
&.active {
font-weight: 700;
}
&:hover {
background: rgba(0,0,0,.05);
color: rgba(0,0,0,.8);
z-index: 13;
}
}
}
}
2015-08-06 16:48:11 +02:00
}
2015-08-12 12:44:09 +02:00
.ui.comments {
.dropzone {
width: 100%;
margin-bottom: 10px;
border: 2px dashed #0087F7;
box-shadow: none!important;
.dz-error-message {
top: 140px;
}
}
}
2015-08-15 14:55:03 +02:00
.settings {
.content {
margin-top: 2px;
.header,
.segment {
box-shadow: 0 1px 2px 0 rgba(34,36,38,.15);
}
2015-08-06 16:48:11 +02:00
}
2015-08-15 14:55:03 +02:00
.key.list {
.item:not(:first-child) {
border-top: 1px solid #eaeaea;
}
.ssh-key-state-indicator {
float: left;
color: gray;
padding-left: 10px;
padding-top: 10px;
&.active {
color: #6cc644;
}
}
.meta {
padding-top: 5px;
}
.print {
color: #767676;
}
.activity {
color: #666;
}
2015-08-06 16:48:11 +02:00
}
}
2015-08-09 18:23:20 +02:00
.ui.vertical.menu {
.header.item {
font-size: 1.1em;
background: #f0f0f0;
}
2015-08-09 18:23:20 +02:00
}
2015-08-09 16:45:38 +02:00
.edit-label.modal,
.new-label.segment {
.form {
.column {
padding-right: 0;
}
.buttons {
margin-left: auto;
padding-top: 15px;
}
.color.picker.column {
width: auto;
.color-picker {
height: 35px;
width: auto;
padding-left: 30px;
}
}
.minicolors-swatch.minicolors-sprite {
top: 10px;
left: 10px;
width: 15px;
height: 15px;
}
2015-08-09 16:45:38 +02:00
.precolors {
padding-left: 0;
padding-right: 0;
margin: 3px 10px auto 10px;
width: 120px;
.color {
float: left;
width: 15px;
height: 15px;
}
}
}
2015-07-23 22:50:05 +02:00
}