shardingsphere-doc/old_version_shardingsphere at asf-site · apache/shardingsphere-doc · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
commit 9ce4faa48d370920b5e1aa46639dc0c49de617c7
Author: Liang Zhang <zhangliang@apache.org>
Date:   Sat Jan 3 20:37:19 2026 +0800

    Adjust theme of railroad (#37627)

diff --git a/docs/document/themes/hugo-theme-learn/static/css/railroad-diagrams.css b/docs/document/themes/hugo-theme-learn/static/css/railroad-diagrams.css
index 8e0454ff566..518ebe48d30 100644
--- a/docs/document/themes/hugo-theme-learn/static/css/railroad-diagrams.css
+++ b/docs/document/themes/hugo-theme-learn/static/css/railroad-diagrams.css
@@ -7,9 +7,10 @@ svg.railroad-diagram path {
     fill: none;
 }
 svg.railroad-diagram text {
-    font: 13px "Helvetica Neue", Arial, sans-serif;
-    font-weight: 500;
-    fill: #444;
+    font: 14px "Helvetica Neue", Arial, sans-serif;
+    font-weight: 600;
+    fill: #333;
+    text-shadow: 0 0.5px 0 rgba(255, 255, 255, 0.4);
     text-anchor: middle;
     white-space: pre;
 }
diff --git a/docs/document/themes/hugo-theme-learn/static/js/railroad-diagrams.js b/docs/document/themes/hugo-theme-learn/static/js/railroad-diagrams.js
index a5f2bb6cb5d..eab762a5e6e 100644
--- a/docs/document/themes/hugo-theme-learn/static/js/railroad-diagrams.js
+++ b/docs/document/themes/hugo-theme-learn/static/js/railroad-diagrams.js
@@ -380,7 +380,7 @@ At runtime, these constants can be found on the Diagram class.
 	function Start(simpleType) {
 		if(!(this instanceof Start)) return new Start();
 		FakeSVG.call(this, 'path');
-		this.width = 16;
+		this.width = 12;
 		this.up = 8;
 		this.down = 8;
 		this.simpleType = simpleType;
@@ -388,15 +388,15 @@ At runtime, these constants can be found on the Diagram class.
 	subclassOf(Start, FakeSVG);
 	Start.prototype.format = function(x,y) {
 		this.attrs['stroke-linecap'] = 'round';
-		// small circle + short connector to the right
-		this.attrs.d = 'M '+(x+4)+' '+y+' a4 4 0 1 0 8 0 a4 4 0 1 0 -8 0 m 8 0 h 8';
+		// single vertical bar + short connector
+		this.attrs.d = 'M '+(x+2)+' '+(y-8)+' v 16 m 0 -8 h 10';
 		return this;
 	}

 	function End(simpleType) {
 		if(!(this instanceof End)) return new End();
 		FakeSVG.call(this, 'path');
-		this.width = 16;
+		this.width = 12;
 		this.up = 8;
 		this.down = 8;
 		this.simpleType = simpleType;
@@ -404,8 +404,8 @@ At runtime, these constants can be found on the Diagram class.
 	subclassOf(End, FakeSVG);
 	End.prototype.format = function(x,y) {
 		this.attrs['stroke-linecap'] = 'round';
-		// short connector then small circle
-		this.attrs.d = 'M '+x+' '+y+' h 8 m 0 -4 a4 4 0 1 0 0 8 a4 4 0 1 0 0 -8';
+		// short connector then single vertical bar
+		this.attrs.d = 'M '+x+' '+y+' h 10 m 0 -8 v 16';
 		return this;
 	}