You cannot select more than 25 topics
			Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
		
		
		
		
		
			
		
			
				
	
	
		
			124 lines
		
	
	
		
			2.0 KiB
		
	
	
	
		
			SCSS
		
	
			
		
		
	
	
			124 lines
		
	
	
		
			2.0 KiB
		
	
	
	
		
			SCSS
		
	
.settings {
 | 
						|
  user-select: none;
 | 
						|
 | 
						|
  &.modal {
 | 
						|
    padding: 0;
 | 
						|
    background-color: transparent;
 | 
						|
 | 
						|
    .content {
 | 
						|
      margin: 0;
 | 
						|
      margin-left: auto;
 | 
						|
      margin-right: auto;
 | 
						|
 | 
						|
      width: 100%;
 | 
						|
      max-width: 450px;
 | 
						|
      border-radius: 0;
 | 
						|
      box-shadow: 0px 0px 0px 0px;
 | 
						|
    }
 | 
						|
  }
 | 
						|
  hr {
 | 
						|
    margin: 10px 0;
 | 
						|
  }
 | 
						|
  .device-name-settings {
 | 
						|
    text-align: center;
 | 
						|
    margin-bottom: 1em;
 | 
						|
  }
 | 
						|
  .syncSettings {
 | 
						|
    button {
 | 
						|
      float: right;
 | 
						|
      line-height: 36px;
 | 
						|
      padding: 0 20px;
 | 
						|
      margin: 0 0 20px 20px;
 | 
						|
    }
 | 
						|
    .synced_at {
 | 
						|
      font-size: $font-size-small;
 | 
						|
      color: $grey;
 | 
						|
    }
 | 
						|
    .sync_failed {
 | 
						|
      display: none;
 | 
						|
      font-size: $font-size-small;
 | 
						|
      color: red;
 | 
						|
    }
 | 
						|
  }
 | 
						|
 | 
						|
  .blocked-user-settings {
 | 
						|
    display: flex;
 | 
						|
    flex: 1;
 | 
						|
    flex-direction: row;
 | 
						|
    align-items: center;
 | 
						|
  }
 | 
						|
 | 
						|
  .blocked-user-settings {
 | 
						|
    select {
 | 
						|
      flex: 1;
 | 
						|
      cursor: pointer;
 | 
						|
      font-size: 14px;
 | 
						|
    }
 | 
						|
    button {
 | 
						|
      line-height: 28px;
 | 
						|
      padding: 0 20px;
 | 
						|
      margin: auto;
 | 
						|
      margin-left: 20px;
 | 
						|
    }
 | 
						|
  }
 | 
						|
 | 
						|
  .blocked-user-settings ul {
 | 
						|
    list-style-type: none;
 | 
						|
    padding: 0;
 | 
						|
    margin: 0;
 | 
						|
  }
 | 
						|
 | 
						|
  .wordwrap {
 | 
						|
    white-space: pre-wrap; /* CSS3 */
 | 
						|
    white-space: -moz-pre-wrap; /* Firefox */
 | 
						|
    white-space: -pre-wrap; /* Opera <7 */
 | 
						|
    white-space: -o-pre-wrap; /* Opera 7 */
 | 
						|
    word-wrap: break-word; /* IE */
 | 
						|
  }
 | 
						|
 | 
						|
  .restart-needed {
 | 
						|
    margin-top: 1em;
 | 
						|
  }
 | 
						|
 | 
						|
  .clear-data-settings {
 | 
						|
    button {
 | 
						|
      float: right;
 | 
						|
      line-height: 36px;
 | 
						|
      padding: 0 20px;
 | 
						|
      margin: 0 0 20px 20px;
 | 
						|
    }
 | 
						|
    .destructive {
 | 
						|
      background-color: red;
 | 
						|
      color: white;
 | 
						|
    }
 | 
						|
  }
 | 
						|
 | 
						|
  .message-ttl-setting {
 | 
						|
    .inputs {
 | 
						|
      display: flex;
 | 
						|
      padding-top: 18px;
 | 
						|
    }
 | 
						|
 | 
						|
    #warning {
 | 
						|
      padding-top: 12px;
 | 
						|
      font-weight: 300;
 | 
						|
      color: red;
 | 
						|
    }
 | 
						|
 | 
						|
    input {
 | 
						|
      flex: 1;
 | 
						|
    }
 | 
						|
    label {
 | 
						|
      padding-left: 12px;
 | 
						|
    }
 | 
						|
  }
 | 
						|
 | 
						|
  .send-link-previews-setting {
 | 
						|
    margin-top: 0.75em;
 | 
						|
  }
 | 
						|
  .description {
 | 
						|
    margin-top: 0.3em;
 | 
						|
    margin-left: 1.5em;
 | 
						|
  }
 | 
						|
}
 |