Merge pull request #306 from RainlessSky/rainlesssky-5

Try to fix content tabs again

Author: WiserTixx

docs/en/beamng/css-snippets.md

@@ -1,4 +1,4 @@
-!!! warning "This site is under construction!"
+S!!! warning "This site is under construction!"
 
     This site is being actively worked on. 
 
@@ -10,7 +10,7 @@
 
 ## Common variables
 
-=== BeamNG Orange
+=== "BeamNG Orange"
 
     ```css
     var(--bng-orange) /*Common orange*/
@@ -20,7 +20,7 @@
     var(--bng-orange-shade2opaque)
     ```
 
-=== Monochrome
+=== 'Monochrome"
 
     ```css
     --- Monochrome
@@ -43,9 +43,9 @@
     var(--white-3) /*20% opacity*/
     ```
 
-=== BeamNG UI Color Palette
+=== "BeamNG UI Color Palette"
 
-    === Orange
+    === "Orange"
 
         ```css
         var(--bng-orange-50)
@@ -60,7 +60,7 @@
         var(--bng-orange-900)
         ```
 
-    === Cool Gray
+    === "Cool Gray"
 
         ```css
         var(--bng-cool-gray-50)
@@ -75,7 +75,7 @@
         var(--bng-cool-gray-900)
         ```
 
-    === Ter Blue
+    === "Ter Blue"
 
         ```css
         var(--bng-ter-blue-50)
@@ -90,7 +90,7 @@
         var(--bng-ter-blue-900)
         ```
 
-    === Add Blue
+    === "Add Blue"
 
         ```css
         var(--bng-add-blue-50)
@@ -105,7 +105,7 @@
         var(--bng-add-blue-900)
         ```
 
-    === Add Green
+    === "Add Green"
 
         ```css
         var(--bng-add-green-50)
@@ -120,7 +120,7 @@
         var(--bng-add-green-900)
         ```
 
-    === Add Yellow
+    === "Add Yellow"
 
         ```css
         var(--bng-add-yellow-50)
@@ -135,7 +135,7 @@
         var(--bng-add-yellow-900)
         ```
 
-    === Add Peach
+    === "Add Peach"
 
         ```css
         var(--bng-add-peach-50)
@@ -150,7 +150,7 @@
         var(--bng-add-peach-900)
         ```
 
-    === Add Red
+    === "Add Red"
 
         ```css
         var(--bng-add-red-50)
@@ -166,7 +166,7 @@
         ```
 
 
-=== Extra color presets
+=== "Extra color presets"
 
     ```css
     var(--bng-filter-orange) /*Filter preset to force SVGs to use bng-orange*/
@@ -176,7 +176,7 @@
     var(--bng-black-o2) /*20% opacity*/
     ```
 
-=== Corner rounding presets
+=== "Corner rounding presets"
 
     ```css
     var(--bng-corners-1) /*0.25rem*/

docs/en/beamng/imgui-snippets.md

@@ -31,7 +31,7 @@ im.End()
 
 ## General
 
-=== Basic Formatting
+=== "Basic Formatting"
 
     ```lua
     im.Text("")
@@ -52,7 +52,7 @@ im.End()
     im.Unindent()
     ```
 
-=== Inputs
+=== "Inputs"
 
     ```lua
     im.Button("", im.ImVec2(0,0)) -- 0 = fit to content
@@ -66,7 +66,7 @@ im.End()
     im.RadioButton2("", im.IntPtr(), 0) -- arg. 3: 0 or 1 for disabled or enabled
     ```
 
-=== Other
+=== "Other"
 
     ```lua
     im.Bullet()

docs/en/beamng/lua-snippets.md

@@ -347,4 +347,35 @@ If multiple pages are provided, or the hook is triggered multiple times, then th
 
 ### Dialogue
 
-todo
+Dialogue is used in the *A Rocky Start* campaign to display information about a mission. It is a centered, vertically aligned popup with a specific layout. It does not support embedding HTML.
+
+```lua
+ui_missionInfo.openDialogue({
+    title    = "Dialogue title",
+    type     = "Custom", -- isn't actually displayed
+    typeName = "typeName",
+    data     = {
+        {label = "objective",  value = "reward"}
+        -- add more...
+    },
+    buttons  = {
+        {action = "accept", text = "Accept",  cmd = ""},
+        {action = 'decline',text = "Decline", cmd = ""}
+        -- add more...
+    }
+})
+
+ui_missionInfo.closeDialogue()
+```
+
+<figure class="image image_resized" style="width:75%" markdown>
+  ![The Dialogue snippet displayed in BeamNG.drive](../../assets/content/Dialogue.png)
+</figure>
+
+Only one Dialogue can be displayed at once. Any existing Dialogue is overridden.
+
+!!! info
+
+    `#!lua ui_missionInfo.closeDialogue()` must be used to close a dialogue.
+
+    Make sure you call this function when any button is pressed.