code.gitea.io/gitea@v1.21.7/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    min-height: 200px;
    41    max-height: calc(100vh - 200px);
    42    resize: vertical;
    43  }
    44  
    45  .combo-markdown-editor .CodeMirror-scroll {
    46    max-height: calc(100vh - 200px);
    47  }
    48  
    49  /* use the same styles as markup/content.css */
    50  .combo-markdown-editor .CodeMirror-scroll .cm-header-1 {
    51    font-size: 2em;
    52  }
    53  
    54  .combo-markdown-editor .CodeMirror-scroll .cm-header-2 {
    55    font-size: 1.5em;
    56  }
    57  
    58  .combo-markdown-editor .CodeMirror-scroll .cm-header-3 {
    59    font-size: 1.25em;
    60  }
    61  
    62  .combo-markdown-editor .CodeMirror-scroll .cm-header-4 {
    63    font-size: 1em;
    64  }
    65  
    66  .combo-markdown-editor .CodeMirror-scroll .cm-header-5 {
    67    font-size: 0.875em;
    68  }
    69  
    70  .combo-markdown-editor .CodeMirror-scroll .cm-header-6 {
    71    font-size: 0.85em;
    72  }
    73  
    74  text-expander {
    75    display: block;
    76    position: relative;
    77  }
    78  
    79  text-expander .suggestions {
    80    position: absolute;
    81    min-width: 180px;
    82    padding: 0;
    83    margin-top: 24px;
    84    list-style: none;
    85    background: var(--color-box-body);
    86    border-radius: var(--border-radius);
    87    border: 1px solid var(--color-secondary);
    88    box-shadow: 0 .5rem 1rem var(--color-shadow);
    89    z-index: 100; /* needs to be > 20 to be on top of dropzone's .dz-details */
    90  }
    91  
    92  text-expander .suggestions li {
    93    display: flex;
    94    align-items: center;
    95    cursor: pointer;
    96    padding: 4px 8px;
    97    font-weight: var(--font-weight-medium);
    98  }
    99  
   100  text-expander .suggestions li + li {
   101    border-top: 1px solid var(--color-secondary-alpha-40);
   102  }
   103  
   104  text-expander .suggestions li:first-child {
   105    border-radius: var(--border-radius) var(--border-radius) 0 0;
   106  }
   107  
   108  text-expander .suggestions li:last-child {
   109    border-radius: 0 0 var(--border-radius) var(--border-radius);
   110  }
   111  
   112  text-expander .suggestions li:only-child {
   113    border-radius: var(--border-radius);
   114  }
   115  
   116  text-expander .suggestions li:hover {
   117    background: var(--color-hover);
   118  }
   119  
   120  text-expander .suggestions .fullname {
   121    font-weight: var(--font-weight-normal);
   122    margin-left: 4px;
   123    color: var(--color-text-light-1);
   124  }
   125  
   126  text-expander .suggestions li[aria-selected="true"],
   127  text-expander .suggestions li[aria-selected="true"] span {
   128    background: var(--color-primary);
   129    color: var(--color-primary-contrast);
   130  }
   131  
   132  text-expander .suggestions img {
   133    width: 24px;
   134    height: 24px;
   135    margin-right: 8px;
   136  }