lakelib 0.2.6 → 0.3.1

package/lib/lake.css

@@ -83,6 +83,14 @@
   padding: 0;
   margin-bottom: 8px;
 }
+.lake-container a {
+  color: var(--lake-link-color);
+  text-decoration: none;
+}
+.lake-container a:hover {
+  color: var(--lake-link-hover-color);
+  text-decoration: underline;
+}
 .lake-drop-indication {
   position: absolute;
   height: 2px;
@@ -682,53 +690,6 @@ button.lake-primary-button.lake-button-hovered {
   margin-bottom: 8px;
 }
 
-.lake-container a {
-  color: var(--lake-link-color);
-  text-decoration: none;
-}
-.lake-container a:hover {
-  color: var(--lake-link-hover-color);
-  text-decoration: underline;
-}
-.lake-link-popup {
-  position: absolute;
-  top: 0;
-  left: 0;
-  z-index: var(--lake-popup-z-index);
-  border: 1px solid var(--lake-popup-border-color);
-  border-radius: 5px;
-  padding: 16px;
-  width: fit-content;
-  background-color: #fff;
-  box-shadow: var(--lake-popup-shadow);
-  display: none;
-}
-.lake-link-popup .lake-url-row {
-  display: flex;
-  align-items: center;
-}
-.lake-link-popup .lake-button-row {
-  padding-top: 16px;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-}
-.lake-link-popup input[type="text"] {
-  width: 220px;
-  margin-right: 4px;
-}
-.lake-link-popup button[name="copy"] svg:first-child {
-  display: inline;
-}
-.lake-link-popup button[name="copy"] svg:nth-child(2) {
-  display: none;
-  fill: var(--lake-success-color);
-}
-.lake-link-popup button[name="copy"] svg:last-child {
-  display: none;
-  fill: var(--lake-error-color);
-}
-
 .lake-container ol,
 .lake-container ul {
   list-style: none;
@@ -886,17 +847,120 @@ button.lake-primary-button.lake-button-hovered {
   background-color: #f43f5e24;
 }
 
+.lake-toolbar {
+  box-sizing: border-box;
+  font-family: var(--lake-font-family);
+  font-size: 14px;
+  font-weight: normal;
+  line-height: normal;
+  padding: 4px;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+}
+.lake-toolbar *,
+.lake-toolbar ::before,
+.lake-toolbar ::after {
+  box-sizing: border-box;
+}
+.lake-toolbar .lake-toolbar-divider {
+  width: 1px;
+  height: 20px;
+  margin: 0 4px;
+  border-left: 1px solid var(--lake-border-color);
+  user-select: none;
+}
+.lake-toolbar .lake-upload {
+  line-height: 0;
+}
+.lake-toolbar .lake-upload input[type="file"] {
+  display: none;
+}
+
+.lake-floating-toolbar {
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: var(--lake-popup-z-index);
+  border: 1px solid var(--lake-border-color);
+  border-radius: 5px;
+  background-color: #fff;
+  box-shadow: var(--lake-button-shadow);
+  padding: 4px;
+  display: flex;
+  align-items: center;
+}
+.lake-floating-toolbar .lake-toolbar-divider {
+  width: 1px;
+  height: 20px;
+  margin: 0 4px;
+  border-left: 1px solid var(--lake-border-color);
+  user-select: none;
+}
+
 .lake-container table {
-  display: block;
+  display: table;
   border-collapse: collapse;
   border: 0;
   margin: 20px 0;
-  overflow-x: auto;
+  overflow: visible;
+}
+.lake-container table tr,
+.lake-container table tr:nth-child(n) {
+  border: 0;
+  background-color: transparent;
 }
 .lake-container table td {
+  font-size: var(--lake-font-size);
   padding: 8px 16px;
+  min-width: 33px;
   border: 1px solid var(--lake-border-color);
 }
+.lake-container table td p {
+  margin-bottom: 0;
+}
+.lake-container table td.lake-td-focused {
+  outline: var(--lake-input-outline);
+}
+
+.lake-link-popup {
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: var(--lake-popup-z-index);
+  border: 1px solid var(--lake-popup-border-color);
+  border-radius: 5px;
+  padding: 16px;
+  width: fit-content;
+  background-color: #fff;
+  box-shadow: var(--lake-popup-shadow);
+  display: none;
+}
+.lake-link-popup .lake-url-row {
+  display: flex;
+  align-items: center;
+}
+.lake-link-popup .lake-button-row {
+  padding-top: 16px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.lake-link-popup input[type="text"] {
+  width: 220px;
+  margin-right: 4px;
+}
+.lake-link-popup button[name="copy"] svg:first-child {
+  display: inline;
+}
+.lake-link-popup button[name="copy"] svg:nth-child(2) {
+  display: none;
+  fill: var(--lake-success-color);
+}
+.lake-link-popup button[name="copy"] svg:last-child {
+  display: none;
+  fill: var(--lake-error-color);
+}
 
 lake-box[name="hr"] {
   margin-bottom: 8px;
@@ -1310,18 +1374,6 @@ lake-box[name="equation"] .lake-box-activated .lake-equation-form {
   background-color: var(--lake-box-background-color);
 }
 
-.lake-mention {
-  border: 1px solid transparent;
-  border-radius: 2px;
-}
-.lake-container[readonly="false"] .lake-mention a:hover {
-  color: var(--lake-link-color);
-  text-decoration: none;
-}
-lake-box[name="mention"] .lake-box-focused .lake-mention {
-  border-color: var(--lake-selection-background-color);
-  background-color: var(--lake-selection-background-color);
-}
 .lake-mention-menu {
   max-height: 208px;
 }
@@ -1344,6 +1396,19 @@ lake-box[name="mention"] .lake-box-focused .lake-mention {
   color: #8c8c8c;
 }
 
+.lake-mention {
+  border: 1px solid transparent;
+  border-radius: 2px;
+}
+.lake-container[readonly="false"] .lake-mention a:hover {
+  color: var(--lake-link-color);
+  text-decoration: none;
+}
+lake-box[name="mention"] .lake-box-focused .lake-mention {
+  border-color: var(--lake-selection-background-color);
+  background-color: var(--lake-selection-background-color);
+}
+
 .lake-slash-menu {
   max-height: 330px;
 }
@@ -1375,54 +1440,3 @@ lake-box[name="mention"] .lake-box-focused .lake-mention {
 .lake-slash-menu .lake-slash-description {
   color: #8c8c8c;
 }
-
-.lake-toolbar {
-  box-sizing: border-box;
-  font-family: var(--lake-font-family);
-  font-size: 14px;
-  font-weight: normal;
-  line-height: normal;
-  padding: 4px;
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-}
-.lake-toolbar *,
-.lake-toolbar ::before,
-.lake-toolbar ::after {
-  box-sizing: border-box;
-}
-.lake-toolbar .lake-toolbar-divider {
-  width: 1px;
-  height: 20px;
-  margin: 0 4px;
-  border-left: 1px solid var(--lake-border-color);
-  user-select: none;
-}
-.lake-toolbar .lake-upload {
-  line-height: 0;
-}
-.lake-toolbar .lake-upload input[type="file"] {
-  display: none;
-}
-
-.lake-floating-toolbar {
-  position: absolute;
-  top: 0;
-  left: 0;
-  z-index: var(--lake-popup-z-index);
-  border: 1px solid var(--lake-border-color);
-  border-radius: 5px;
-  background-color: #fff;
-  box-shadow: 0 2px 0 #00000005;
-  padding: 4px;
-  display: flex;
-  align-items: center;
-}
-.lake-floating-toolbar .lake-toolbar-divider {
-  width: 1px;
-  height: 20px;
-  margin: 0 4px;
-  border-left: 1px solid var(--lake-border-color);
-  user-select: none;
-}