211 lines
		
	
	
		
			3.2 KiB
		
	
	
	
		
			Plaintext
		
	
	
	
			
		
		
	
	
			211 lines
		
	
	
		
			3.2 KiB
		
	
	
	
		
			Plaintext
		
	
	
	
.dashboard {
 | 
						|
  padding-top: 15px;
 | 
						|
 | 
						|
  &.feeds,
 | 
						|
  &.issues {
 | 
						|
    .context.user.menu {
 | 
						|
      z-index: 101;
 | 
						|
      min-width: 200px;
 | 
						|
 | 
						|
      .ui.header {
 | 
						|
        font-size: 1rem;
 | 
						|
        text-transform: none;
 | 
						|
      }
 | 
						|
    }
 | 
						|
 | 
						|
    .filter.menu {
 | 
						|
      width: initial;
 | 
						|
 | 
						|
      .item {
 | 
						|
        text-align: left;
 | 
						|
 | 
						|
        .text {
 | 
						|
          height: 16px;
 | 
						|
          vertical-align: middle;
 | 
						|
 | 
						|
          &.truncate {
 | 
						|
            width: 75%;
 | 
						|
          }
 | 
						|
        }
 | 
						|
 | 
						|
        .floating.label {
 | 
						|
          top: 7px;
 | 
						|
          left: 90%;
 | 
						|
          width: 15%;
 | 
						|
 | 
						|
          @media only screen and (max-width: 768px) {
 | 
						|
            top: 10px;
 | 
						|
            left: auto;
 | 
						|
            width: auto;
 | 
						|
            right: 13px;
 | 
						|
          }
 | 
						|
        }
 | 
						|
      }
 | 
						|
 | 
						|
      // Sort
 | 
						|
      .jump.item {
 | 
						|
        margin: 1px;
 | 
						|
        padding-right: 0;
 | 
						|
      }
 | 
						|
 | 
						|
      .menu {
 | 
						|
        max-height: 300px;
 | 
						|
        overflow-x: auto;
 | 
						|
        right: 0 !important;
 | 
						|
        left: auto !important;
 | 
						|
      }
 | 
						|
 | 
						|
      @media only screen and (max-width: 768px) {
 | 
						|
        width: 100%;
 | 
						|
      }
 | 
						|
    }
 | 
						|
 | 
						|
    .right.stackable.menu > .item.active {
 | 
						|
      color: #d9453d;
 | 
						|
    }
 | 
						|
  }
 | 
						|
 | 
						|
  /* Accomodate for Semantic's 1px hacks on .attached elements */
 | 
						|
 | 
						|
  .dashboard-repos {
 | 
						|
    margin: 0 1px;
 | 
						|
  }
 | 
						|
 | 
						|
  .dashboard-navbar {
 | 
						|
    width: 100vw;
 | 
						|
    padding: 0 .5rem;
 | 
						|
  }
 | 
						|
}
 | 
						|
 | 
						|
&.feeds {
 | 
						|
  .news {
 | 
						|
 | 
						|
    li {
 | 
						|
      display: flex;
 | 
						|
      align-items: baseline;
 | 
						|
      margin-top: .5rem;
 | 
						|
      margin-bottom: .5rem;
 | 
						|
 | 
						|
      img {
 | 
						|
        align-self: flex-start;
 | 
						|
      }
 | 
						|
    }
 | 
						|
    li > * + * {
 | 
						|
      margin-left: .35rem;
 | 
						|
    }
 | 
						|
 | 
						|
    line-height: 1.2;
 | 
						|
 | 
						|
    > .ui.grid {
 | 
						|
      margin-left: auto;
 | 
						|
      margin-right: auto;
 | 
						|
    }
 | 
						|
 | 
						|
    .ui.avatar {
 | 
						|
      margin-top: 13px;
 | 
						|
    }
 | 
						|
 | 
						|
    .time-since {
 | 
						|
      font-size: 13px;
 | 
						|
    }
 | 
						|
 | 
						|
    .issue.title {
 | 
						|
      width: 80%;
 | 
						|
    }
 | 
						|
 | 
						|
    .push.news .content ul {
 | 
						|
      line-height: 18px;
 | 
						|
      font-size: 13px;
 | 
						|
      list-style: none;
 | 
						|
      padding-left: 10px;
 | 
						|
 | 
						|
      .text.truncate {
 | 
						|
        width: 80%;
 | 
						|
      }
 | 
						|
    }
 | 
						|
 | 
						|
    .commit-id {
 | 
						|
      font-family: @monospaced-fonts, monospace;
 | 
						|
    }
 | 
						|
 | 
						|
    code {
 | 
						|
      padding: 1px;
 | 
						|
      font-size: 85%;
 | 
						|
      background-color: rgba(0, 0, 0, .04);
 | 
						|
      border-radius: 3px;
 | 
						|
      word-break: break-all;
 | 
						|
    }
 | 
						|
  }
 | 
						|
 | 
						|
  .list {
 | 
						|
    .header {
 | 
						|
      .ui.label {
 | 
						|
        margin-top: -4px;
 | 
						|
        padding: 4px 5px;
 | 
						|
        font-weight: normal;
 | 
						|
      }
 | 
						|
 | 
						|
      .plus.icon {
 | 
						|
        margin-top: 5px;
 | 
						|
      }
 | 
						|
    }
 | 
						|
 | 
						|
    ul {
 | 
						|
      list-style: none;
 | 
						|
      margin: 0;
 | 
						|
      padding-left: 0;
 | 
						|
 | 
						|
      li {
 | 
						|
        &:not(:last-child) {
 | 
						|
          border-bottom: 1px solid #ebebeb;
 | 
						|
        }
 | 
						|
 | 
						|
        &.private {
 | 
						|
          background-color: #fcf8e9;
 | 
						|
        }
 | 
						|
 | 
						|
        a {
 | 
						|
          padding: 6px 1.2em;
 | 
						|
          display: block;
 | 
						|
 | 
						|
          .svg {
 | 
						|
            color: #888888;
 | 
						|
 | 
						|
            &.rear {
 | 
						|
              font-size: 15px;
 | 
						|
            }
 | 
						|
          }
 | 
						|
 | 
						|
          .star-num {
 | 
						|
            font-size: 12px;
 | 
						|
          }
 | 
						|
        }
 | 
						|
      }
 | 
						|
    }
 | 
						|
 | 
						|
    #privateFilterCheckbox .svg {
 | 
						|
      color: #888888;
 | 
						|
      margin-right: .25rem;
 | 
						|
    }
 | 
						|
 | 
						|
    .repo-owner-name-list {
 | 
						|
      .item-name {
 | 
						|
        max-width: 70%;
 | 
						|
        margin-bottom: -4px;
 | 
						|
      }
 | 
						|
    }
 | 
						|
 | 
						|
    #collaborative-repo-list {
 | 
						|
      .owner-and-repo {
 | 
						|
        max-width: 80%;
 | 
						|
        margin-bottom: -5px;
 | 
						|
      }
 | 
						|
 | 
						|
      .owner-name {
 | 
						|
        max-width: 120px;
 | 
						|
        margin-bottom: -5px;
 | 
						|
      }
 | 
						|
    }
 | 
						|
  }
 | 
						|
}
 |