Browse Source

fix :hover in classes in index.html + added old index.html for webpack dev server

Skylsmoi 5 years ago
parent
commit
7ec9176e1c
2 changed files with 70 additions and 3 deletions
  1. 67 0
      frontend/dist/index.html
  2. 3 3
      frontend/dist/index.mak

+ 67 - 0
frontend/dist/index.html View File

@@ -0,0 +1,67 @@
1
+<!DOCTYPE html>
2
+<html>
3
+<head>
4
+  <meta charset='utf-8' />
5
+  <meta name="viewport" content="width=device-width, user-scalable=no">
6
+  <title>Tracim</title>
7
+  <link rel='shortcut icon' type='image/x-icon' href='/asset/favicon.ico' >
8
+
9
+  <link rel="stylesheet" type="text/css" href="/asset/font/font-awesome-4.7.0/css/font-awesome.css">
10
+  <link href="https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700" rel="stylesheet">
11
+  <!--
12
+  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M" crossorigin="anonymous">
13
+  -->
14
+  <link rel="stylesheet" type="text/css" href="/asset/hamburger/hamburgers.min.css">
15
+  <link rel="stylesheet" type="text/css" href="/asset/bootstrap/bootstrap-4.0.0-beta.css">
16
+
17
+  <style>
18
+    .primaryColorFont { color: #7d4e24; }
19
+    .primaryColorFontDarken { color: #522c00; }
20
+    .primaryColorFontLighten { color: #a37346; }
21
+
22
+    .primaryColorFontHover.hover { color: #7d4e24; }
23
+    .primaryColorFontDarkenHover.hover { color: #522c00; }
24
+    .primaryColorFontLightenHover.hover { color: #a37346; }
25
+
26
+
27
+    .primaryColorBg { background-color: #7d4e24; }
28
+    .primaryColorBgDarken { background-color: #522c00; }
29
+    .primaryColorBgLighten { background-color: #a37346; }
30
+
31
+    .primaryColorBgHover.hover { background-color: #7d4e24; }
32
+    .primaryColorBgDarkenHover.hover { background-color: #522c00; }
33
+    .primaryColorBgLightenHover.hover { background-color: #a37346; }
34
+
35
+
36
+    .primaryColorBorder { border-color: #7d4e24; }
37
+    .primaryColorBorderDarken { border-color: #522c00; }
38
+    .primaryColorBorderLighten { border-color: #a37346; }
39
+
40
+    .primaryColorBorderHover.hover { border-color: #7d4e24; }
41
+    .primaryColorBorderDarkenHover.hover { border-color: #522c00; }
42
+    .primaryColorBorderLightenHover.hover { border-color: #a37346; }
43
+  </style>
44
+</head>
45
+
46
+<body>
47
+<div id='content'></div>
48
+
49
+<script type='text/javascript' src='/asset/tracim.vendor.bundle.js'></script>
50
+<script type='text/javascript' src='/asset/tracim.app.entry.js'></script>
51
+
52
+<script type='text/javascript' src='/app/workspace.app.js'></script>
53
+<script type='text/javascript' src='/app/html-document.app.js'></script>
54
+<script type='text/javascript' src='/app/thread.app.js'></script>
55
+<script type='text/javascript' src='/app/admin_workspace_user.app.js'></script>
56
+
57
+<script type='text/javascript' src='/asset/bootstrap/jquery-3.2.1.js'></script>
58
+<script type='text/javascript' src='/asset/bootstrap/popper-1.12.3.js'></script>
59
+<script type='text/javascript' src='/asset/bootstrap/bootstrap-4.0.0-beta.2.js'></script>
60
+
61
+<script type='text/javascript' src='/asset/tinymce/js/tinymce/jquery.tinymce.min.js'></script>
62
+<script type='text/javascript' src='/asset/tinymce/js/tinymce/tinymce.min.js'></script>
63
+
64
+<script type='text/javascript' src='/asset/tracim/appInterface.js'></script>
65
+<script type='text/javascript' src='/asset/tracim/tinymceInit.js'></script>
66
+</body>
67
+</html>

+ 3 - 3
frontend/dist/index.mak View File

@@ -24,7 +24,7 @@
24 24
       ${html_class.replace('{state}', '')} { ${param}: ${primary.hexcode}; }
25 25
       ${html_class.replace('{state}', 'Darken')} { ${param}: ${primary.darken(color_change_value).hexcode}; }
26 26
       ${html_class.replace('{state}', 'Lighten')} { ${param}: ${primary.brighten(color_change_value).hexcode}; }
27
-       <% html_class = '.primaryColorFont{state}Hover.hover' %>
27
+      <% html_class = '.primaryColorFont{state}Hover:hover' %>
28 28
       ${html_class.replace('{state}', '')} { ${param}: ${primary.hexcode}; }
29 29
       ${html_class.replace('{state}', 'Darken')} { ${param}: ${primary.darken(color_change_value).hexcode}; }
30 30
       ${html_class.replace('{state}', 'Lighten')} { ${param}: ${primary.brighten(color_change_value).hexcode}; }
@@ -36,7 +36,7 @@
36 36
       ${html_class.replace('{state}', '')} { ${param}: ${primary.hexcode}; }
37 37
       ${html_class.replace('{state}', 'Darken')} { ${param}: ${primary.darken(color_change_value).hexcode}; }
38 38
       ${html_class.replace('{state}', 'Lighten')} { ${param}: ${primary.brighten(color_change_value).hexcode}; }
39
-      <% html_class = '.primaryColorBg{state}Hover.hover'%>
39
+      <% html_class = '.primaryColorBg{state}Hover:hover'%>
40 40
       ${html_class.replace('{state}', '')} { ${param}: ${primary.hexcode}; }
41 41
       ${html_class.replace('{state}', 'Darken')} { ${param}: ${primary.darken(color_change_value).hexcode}; }
42 42
       ${html_class.replace('{state}', 'Lighten')} { ${param}: ${primary.brighten(color_change_value).hexcode}; }
@@ -48,7 +48,7 @@
48 48
       ${html_class.replace('{state}', '')} { ${param}: ${primary.hexcode}; }
49 49
       ${html_class.replace('{state}', 'Darken')} { ${param}: ${primary.darken(color_change_value).hexcode}; }
50 50
       ${html_class.replace('{state}', 'Lighten')} { ${param}: ${primary.brighten(color_change_value).hexcode}; }
51
-      <% html_class = '.primaryColorBorder{state}Hover.hover' %>
51
+      <% html_class = '.primaryColorBorder{state}Hover:hover' %>
52 52
       ${html_class.replace('{state}', '')} { ${param}: ${primary.hexcode}; }
53 53
       ${html_class.replace('{state}', 'Darken')} { ${param}: ${primary.darken(color_change_value).hexcode}; }
54 54
       ${html_class.replace('{state}', 'Lighten')} { ${param}: ${primary.brighten(color_change_value).hexcode}; }