issuable.scss 1.57 KB
Newer Older
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20
@media (max-width: $screen-sm-max) {
  .issuable-affix {
    margin-top: 20px;
  }
}

@media (max-width: $screen-md-max) {
  .issuable-affix {
    position: static;
  }
}

@media (min-width: $screen-md-max) {
  .issuable-affix {
    &.affix-top {
      position: static;
    }

    &.affix {
      position: fixed;
21
      top: 70px;
Kyle's avatar
Kyle committed
22
      margin-right: 35px;
23 24 25
    }
  }
}
26

27 28 29 30 31 32 33 34 35 36
.project-issuable-filter {
  .controls {
    float: right;
    margin-top: 7px;
  }

  .center-top-menu {
    text-align: left;
  }
}
37 38

.issuable-details {
39
  section {
40
    border-right: 1px solid $border-white-light;
41

42
    .issuable-discussion {
43 44 45
      margin-right: 1px;
    }
  }
46
}
47 48 49 50 51 52 53 54

.issuable-filter-count {
  span {
    display: block;
    margin-bottom: -16px;
    padding: 13px 0;
  }
}
55

Douwe Maan's avatar
Douwe Maan committed
56 57 58 59 60 61 62 63 64 65 66
.issuable-show-labels {
  a {
    margin-right: 5px;
    margin-bottom: 5px;
    display: inline-block;
    .color-label {
      padding: 6px 10px;
    }
  }
}

67 68 69 70 71
.issuable-sidebar {
  .block {
    @include clearfix;
    padding:  $gl-padding 0;
    border-bottom: 1px solid #F0F0F0;
72

73 74 75
    &:last-child {
      border: none;
    }
76
  }
77

78 79 80
  .title {
    color: $gl-text-color;
    margin-bottom: 8px;
Valery Sizov's avatar
Valery Sizov committed
81

82 83
    .avatar {
      margin-left: 0;
Valery Sizov's avatar
Valery Sizov committed
84 85
    }

86 87 88
    label {
      font-weight: normal;
      margin-right: 4px;
Valery Sizov's avatar
Valery Sizov committed
89
    }
90

91 92
    .edit-link {
      color: $gl-gray;
93
    }
Valery Sizov's avatar
Valery Sizov committed
94 95
  }

96 97 98
  .cross-project-reference {
    font-weight: bold;
    color: $gl-link-color;
Valery Sizov's avatar
Valery Sizov committed
99

100 101
    button {
      float: right;
Valery Sizov's avatar
Valery Sizov committed
102
    }
103
  }
104

105 106 107
  .selectbox {
    display: none
  }
108

109 110
  .btn-clipboard {
    color: $gl-gray;
Valery Sizov's avatar
Valery Sizov committed
111
  }
112 113 114 115 116

  .participants .avatar {
    margin-top: 6px;
    margin-right: 2px;
  }
117
}