Project

General

Profile

Feature #42603 » 0001-Add-alerts-help.patch

Mizuki ISHIKAWA, 2025-05-09 09:46

View differences:

app/assets/stylesheets/wiki_syntax.css
72 72
.syntaxhl .s1 { background-color: #fff0f0 }
73 73

  
74 74
span.more_info { font-weight: normal; }
75

  
76
.markdown-alert {
77
  border-left: 4px solid;
78
  padding-left: 10px;
79
  margin-left: 10px;
80
}
81
.markdown-alert-title {
82
  font-weight: bold;
83
}
84
.markdown-alert-note { border-color: #169; }
85
.markdown-alert-note .markdown-alert-title { color: #1e40af; }
app/assets/stylesheets/wiki_syntax_detailed.css
63 63
.syntaxhl .o { color: #333333 }
64 64
.syntaxhl .s2 { background-color: #fff0f0 }
65 65
.syntaxhl .si { background-color: #eeeeee }
66

  
67

  
68
.markdown-alert {
69
  border-left: 4px solid;
70
  padding-left: 10px;
71
  margin-left: 20px;
72
}
73
.markdown-alert-title {
74
  font-weight: bold;
75
}
76
.markdown-alert-tip { border-color: #5db651; }
77
.markdown-alert-tip .markdown-alert-title { color: #005f00; }
78
.markdown-alert-important { border-color: #800080; }
79
.markdown-alert-important .markdown-alert-title { color: #4b006e; }
80
.markdown-alert-caution { border-color: #c22; }
81
.markdown-alert-caution .markdown-alert-title { color: #880000; }
82
.markdown-alert-warning { border-color: #e4bc4b; }
83
.markdown-alert-warning .markdown-alert-title { color: #a7760c; }
84
.markdown-alert-note { border-color: #169; }
85
.markdown-alert-note .markdown-alert-title { color: #1e40af; }
app/views/help/wiki_syntax/common_mark/en/wiki_syntax_common_mark.html.erb
81 81
  <th></th><td>HTML is &lt;del&gt;not&lt;/del&gt; &lt;u&gt;allowed&lt;/u&gt;.</td><td>HTML is <del>not</del> <u>allowed</u>.</td>
82 82
</tr>
83 83

  
84
<tr><th colspan="3">Alerts <span class="more_info">(<a href="<%= help_wiki_syntax_path(:detailed, anchor: "16") %>" target="_blank">more</a>)</span></th></tr>
85
<tr><th></th><td>> [!NOTE]<br>> You can use alerts like [!NOTE], [!TIP], [!IMPORTANT], [!WARNING], and [!CAUTION].</td><td>
86
<div class="markdown-alert markdown-alert-note">
87
<p class="markdown-alert-title">Note</p>
88
<p>You can use alerts like [!NOTE], [!TIP], [!IMPORTANT], [!WARNING], and [!CAUTION].</p>
89
</div>
90
</td></tr>
91

  
84 92
</table>
85 93

  
86 94
<p><a href="<%= help_wiki_syntax_path(:detailed) %>" onclick="window.open('<%= help_wiki_syntax_path(:detailed) %>', '', ''); return false;">More Information</a></p>
app/views/help/wiki_syntax/common_mark/en/wiki_syntax_detailed_common_mark.html.erb
27 27
        <li><a href='#12'>Macros</a></li>
28 28
        <li><a href='#13'>Code highlighting</a></li>
29 29
        <li><a href='#15'>Raw HTML</a></li>
30
        <li><a href='#16'>Alerts</a></li>
30 31
    </ul>
31 32

  
32 33
    <h2><a name="2" class="wiki-page"></a>Links</h2>
......
356 357
<tr><td align="center" colspan="2">bar</td></tr>
357 358
</table>
358 359

  
359
<p>The <strong>style</strong> attribute can be used in raw HTML to apply custom formatting. The following CSS properties are allowed:</p>
360
<pre><code>
361
  color background-color
362
  width min-width max-width
363
  height min-height max-height
364
  padding padding-left padding-right padding-top padding-bottom
365
  margin margin-left margin-right margin-top margin-bottom
366
  border border-left border-right border-top border-bottom border-radius border-style border-collapse border-spacing
367
  font font-style font-variant font-weight font-stretch font-size line-height font-family
368
  text-align
369
  float
370
</code></pre>
360
    <h2><a name="16" class="wiki-page"></a>Alerts</h2>
361

  
362
    <p>
363
    <dl>
364
      <dt><code>NOTE</code></dt>
365
      <dd>
366
        <pre><code>> [!NOTE]<br>> Wiki page edits are preserved as history, allowing you to restore previous versions if needed.</code></pre>
367
        <div class="markdown-alert markdown-alert-note">
368
        <p class="markdown-alert-title">Note</p>
369
        <p>Wiki page edits are preserved as history, allowing you to restore previous versions if needed.</p>
370
        </div>
371
      </dd>
372
      <dt><code>TIP</code></dt>
373
      <dd>
374
      <pre><code>> [!TIP]<br>> To quickly review the update history of an issue, use the "History" tab for convenient access.</code></pre>
375
      <div class="markdown-alert markdown-alert-tip">
376
          <p class="markdown-alert-title">Tip</p>
377
          <p>To quickly review the update history of an issue, use the "History" tab for convenient access.</p>
378
      </div>
379
      </dd>
380
      <dt><code>WARNING</code></dt>
381
      <dd>
382
      <pre><code>> [!WARNING]<br>> Deleting an issue is a permanent action. Be certain it is truly necessary before proceeding.</code></pre>
383
      <div class="markdown-alert markdown-alert-warning">
384
          <p class="markdown-alert-title">Warning</p>
385
          <p>Deleting an issue is a permanent action. Be certain it is truly necessary before proceeding.</p>
386
      </div>
387
      </dd>
388
      <dt><code>IMPORTANT</code></dt>
389
      <dd>
390
      <pre><code>> [!IMPORTANT]<br>> Changing role permissions can affect user access across all projects, so be mindful of potential impacts.</code></pre>
391
      <div class="markdown-alert markdown-alert-important">
392
          <p class="markdown-alert-title">Important</p>
393
          <p>Changing role permissions can affect user access across all projects, so be mindful of potential impacts.</p>
394
      </div>
395
      </dd>
396
      <dt><code>CAUTION</code></dt>
397
      <dd>
398
      <pre><code>> [!CAUTION]<br>> When installing plugins, make sure to verify compatibility. Version differences can cause unexpected behavior.</code></pre>
399
      <div class="markdown-alert markdown-alert-caution">
400
          <p class="markdown-alert-title">Caution</p>
401
          <p>When installing plugins, make sure to verify compatibility. Version differences can cause unexpected behavior.</p>
402
      </div>
403
      </dd>
404
    </dl>
405
    </p>
371 406

  
372 407
</body>
373 408
</html>
(5-5/9)