code.gitea.io/gitea@v1.22.3/web_src/css/editor/combomarkdowneditor.css (about)

     1  .combo-markdown-editor {
     2    width: 100%;
     3  }
     4  
     5  .combo-markdown-editor markdown-toolbar {
     6    cursor: default;
     7    display: flex;
     8    align-items: center;
     9    padding-bottom: 10px;
    10    gap: .5rem;
    11    flex-wrap: wrap;
    12  }
    13  
    14  .combo-markdown-editor .markdown-toolbar-group {
    15    display: flex;
    16  }
    17  
    18  .combo-markdown-editor .markdown-toolbar-group:last-child {
    19    flex: 1;
    20    justify-content: flex-end;
    21  }
    22  
    23  .combo-markdown-editor .markdown-toolbar-button {
    24    border: none;
    25    background: none;
    26    user-select: none;
    27    padding: 5px;
    28    cursor: pointer;
    29    color: var(--color-text);
    30  }
    31  
    32  .combo-markdown-editor .markdown-toolbar-button:hover {
    33    color: var(--color-primary);
    34  }
    35  
    36  .ui.form .combo-markdown-editor textarea.markdown-text-editor,
    37  .combo-markdown-editor textarea.markdown-text-editor {
    38    display: block;
    39    width: 100%;
    40    max-height: calc(100vh - var(--min-height-textarea));
    41    resize: vertical;
    42  }
    43  
    44  .combo-markdown-editor .CodeMirror-scroll {
    45    max-height: calc(100vh - var(--min-height-textarea));
    46  }
    47  
    48  /* use the same styles as markup/content.css */
    49  .combo-markdown-editor .CodeMirror-scroll .cm-header-1 {
    50    font-size: 2em;
    51  }
    52  
    53  .combo-markdown-editor .CodeMirror-scroll .cm-header-2 {
    54    font-size: 1.5em;
    55  }
    56  
    57  .combo-markdown-editor .CodeMirror-scroll .cm-header-3 {
    58    font-size: 1.25em;
    59  }
    60  
    61  .combo-markdown-editor .CodeMirror-scroll .cm-header-4 {
    62    font-size: 1em;
    63  }
    64  
    65  .combo-markdown-editor .CodeMirror-scroll .cm-header-5 {
    66    font-size: 0.875em;
    67  }
    68  
    69  .combo-markdown-editor .CodeMirror-scroll .cm-header-6 {
    70    font-size: 0.85em;
    71  }
    72  
    73  text-expander {
    74    display: block;
    75    position: relative;
    76  }
    77  
    78  text-expander .suggestions {
    79    position: absolute;
    80    min-width: 180px;
    81    padding: 0;
    82    margin-top: 24px;
    83    list-style: none;
    84    background: var(--color-box-body);
    85    border-radius: var(--border-radius);
    86    border: 1px solid var(--color-secondary);
    87    box-shadow: 0 .5rem 1rem var(--color-shadow);
    88    z-index: 100; /* needs to be > 20 to be on top of dropzone's .dz-details */
    89  }
    90  
    91  text-expander .suggestions li {
    92    display: flex;
    93    align-items: center;
    94    cursor: pointer;
    95    padding: 4px 8px;
    96    font-weight: var(--font-weight-medium);
    97  }
    98  
    99  text-expander .suggestions li + li {
   100    border-top: 1px solid var(--color-secondary-alpha-40);
   101  }
   102  
   103  text-expander .suggestions li:first-child {
   104    border-radius: var(--border-radius) var(--border-radius) 0 0;
   105  }
   106  
   107  text-expander .suggestions li:last-child {
   108    border-radius: 0 0 var(--border-radius) var(--border-radius);
   109  }
   110  
   111  text-expander .suggestions li:only-child {
   112    border-radius: var(--border-radius);
   113  }
   114  
   115  text-expander .suggestions li:hover {
   116    background: var(--color-hover);
   117  }
   118  
   119  text-expander .suggestions .fullname {
   120    font-weight: var(--font-weight-normal);
   121    margin-left: 4px;
   122    color: var(--color-text-light-1);
   123  }
   124  
   125  text-expander .suggestions li[aria-selected="true"],
   126  text-expander .suggestions li[aria-selected="true"] span {
   127    background: var(--color-primary);
   128    color: var(--color-primary-contrast);
   129  }
   130  
   131  text-expander .suggestions img {
   132    width: 24px;
   133    height: 24px;
   134    margin-right: 8px;
   135  }