/app/assets/stylesheets/pages/issuable.scss
Sass | 372 lines | 299 code | 68 blank | 5 comment | 0 complexity | 46e09a1350dcdaf2ffdb2db5cf0ac5aa MD5 | raw file
- .issuable-details {
- section {
- .issuable-discussion {
- margin-right: 1px;
- }
- }
- }
- .issuable-filter-count {
- span {
- display: block;
- margin-bottom: -16px;
- padding: 13px 0;
- }
- }
- .issuable-show-labels {
- a {
- margin-right: 5px;
- margin-bottom: 5px;
- display: inline-block;
- .color-label {
- padding: 6px 10px;
- }
- }
- &.has-labels {
- margin-bottom: -5px;
- }
- }
- .issuable-sidebar {
- a {
- color: inherit;
- }
- .block {
- @include clearfix;
- padding: $gl-padding 0;
- border-bottom: 1px solid $border-gray-light;
- // This prevents the mess when resizing the sidebar
- // of elements repositioning themselves..
- width: $gutter_inner_width;
- // --
- &.issuable-sidebar-header {
- padding-top: 0;
- padding-bottom: 10px;
- }
- &:last-child {
- border: none;
- }
- span {
- display: inline-block;
- }
- .select2-container span {
- margin-top: 0;
- }
- .issuable-count {
- margin-top: 7px;
- }
- .gutter-toggle {
- margin-left: 20px;
- padding-left: 10px;
- &:hover {
- color: $gray-darkest;
- }
- }
- }
- .title {
- color: $gl-text-color;
- margin-bottom: 10px;
- line-height: 1;
- .avatar {
- margin-left: 0;
- }
- .edit-link {
- color: $gl-gray;
- &:hover {
- color: $md-link-color;
- }
- }
- }
- .cross-project-reference {
- color: inherit;
- span {
- white-space: nowrap;
- width: 85%;
- overflow: hidden;
- position: relative;
- display: inline-block;
- text-overflow: ellipsis;
- }
- cite {
- font-style: normal;
- }
- button {
- float: right;
- padding: 3px 5px;
- }
- }
- .selectbox {
- display: none
- }
- .btn-clipboard {
- color: $gl-gray;
- }
- }
- .right-sidebar {
- position: fixed;
- top: $header-height;
- bottom: 0;
- right: 0;
- z-index: 10;
- transition: width .3s;
- background: $gray-light;
- padding: 10px 20px;
- &.right-sidebar-expanded {
- width: $gutter_width;
- .value {
- line-height: 1;
- .assign-yourself {
- margin-top: 10px;
- font-weight: normal;
- display: block;
- }
- }
- .bold {
- font-weight: 600;
- }
- .sidebar-collapsed-icon {
- display: none;
- }
- .gutter-toggle {
- margin-top: 7px;
- border-left: 1px solid $border-gray-light;
- }
- .assignee .avatar {
- float: left;
- margin-right: 10px;
- margin-bottom: 0;
- margin-left: 0;
- }
- .username {
- display: block;
- margin-top: 4px;
- font-size: 13px;
- font-weight: normal;
- }
- }
- &.right-sidebar-collapsed {
- /* Extra small devices (phones, less than 768px) */
- display: none;
- /* Small devices (tablets, 768px and up) */
- @media (min-width: $screen-sm-min) {
- display: block
- }
- width: $sidebar_collapsed_width;
- padding-top: 0;
- .block {
- width: $sidebar_collapsed_width - 1px;
- margin-left: -19px;
- padding: 15px 0 0;
- border-bottom: none;
- overflow: hidden;
- }
- .participants {
- border-bottom: 1px solid $border-gray-light;
- }
- .hide-collapsed {
- display: none;
- }
- .gutter-toggle {
- width: 100%;
- margin-left: 0;
- padding-left: 25px;
- }
- .sidebar-collapsed-icon {
- display: block;
- width: 100%;
- text-align: center;
- padding-bottom: 10px;
- color: #999;
- span {
- display: block;
- margin-top: 0;
- }
- .author {
- display: none;
- }
- .btn-clipboard {
- border: none;
- &:hover {
- background: transparent;
- }
- i {
- color: #999;
- }
- }
- }
- .sidebar-collapsed-user {
- padding-bottom: 0;
- margin-bottom: 10px;
- }
- }
- .issuable-pager {
- background: $gray-normal;
- border: 1px solid $border-gray-normal;
- &:hover {
- background: $gray-dark;
- border: 1px solid $border-gray-dark;
- }
- &.btn-primary {
- @extend .btn-primary
- }
- }
- a:not(.issuable-pager) {
- &:hover {
- color: $md-link-color;
- text-decoration: none;
- }
- }
- .dropdown-content {
- a:hover {
- color: inherit;
- }
- }
- .dropdown-menu-toggle {
- width: 100%;
- padding-top: 6px;
- }
- .open .dropdown-menu {
- width: 100%;
- }
- }
- .detail-page-description {
- small {
- color: $gray-darkest;
- }
- }
- .edited-text {
- color: $gray-darkest;
- .author_link {
- color: $gray-darkest;
- }
- }
- .participants-list {
- margin: -5px;
- }
- .participants-author {
- display: inline-block;
- padding: 5px;
- .author_link {
- display: block;
- }
- .avatar.avatar-inline {
- margin: 0;
- }
- }
- .participants-more {
- margin-top: 5px;
- margin-left: 5px;
- a {
- color: #8c8c8c;
- }
- }
- .issuable-form-padding-top {
- @media (min-width: $screen-sm-min) {
- padding-top: 7px;
- }
- }
- .issuable-status-box {
- float: none;
- display: inline-block;
- margin-top: 0;
- @media (max-width: $screen-xs-max) {
- position: absolute;
- top: 0;
- left: 0;
- }
- }
- .issuable-header {
- position: relative;
- padding-left: 45px;
- padding-right: 45px;
- line-height: 35px;
- @media (min-width: $screen-sm-min) {
- float: left;
- padding-left: 0;
- padding-right: 0;
- }
- }
- .issuable-actions {
- padding-top: 10px;
- @media (min-width: $screen-sm-min) {
- float: right;
- padding-top: 0;
- }
- }
- .issuable-gutter-toggle {
- @media (max-width: $screen-sm-max) {
- position: absolute;
- top: 0;
- right: 0;
- }
- }
- .issuable-meta {
- display: inline-block;
- line-height: 18px;
- }