X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fdevtools%2Fcomponents-frame.css;fp=LCARStrek%2Fdevtools%2Fcomponents-frame.css;h=e4bc9f4632d68d6e2ebea6a50bb383685d389f96;hp=0000000000000000000000000000000000000000;hb=7d6161c5de5eb8284455c6ca486f0f51b51a1618;hpb=d0a8de80597f65fb17a8508078deae45f0ae80d4

diff --git a/LCARStrek/devtools/components-frame.css b/LCARStrek/devtools/components-frame.css
new file mode 100644
index 00000000..e4bc9f46
--- /dev/null
+++ b/LCARStrek/devtools/components-frame.css
@@ -0,0 +1,61 @@
+/* vim:set ts=2 sw=2 sts=2 et: */
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this file,
+ * You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+/**
+ * Frame Component
+ * Styles for React component at `devtools/client/shared/components/frame.js`
+ */
+
+.frame-link {
+  margin-left: 7px;
+  display: flex;
+}
+
+.frame-link .frame-link-source {
+  display: flex;
+}
+.frame-link a.frame-link-source {
+  cursor: pointer;
+  text-decoration: none;
+}
+.frame-link a.frame-link-source:hover {
+  text-decoration: underline;
+}
+
+.frame-link .frame-link-filename {
+  color: var(--theme-highlight-blue);
+  text-overflow: ellipsis;
+  overflow: hidden;
+  flex: 1;
+  text-align: right;
+  /* overrides styling some tools have with anchors */
+  text-decoration: none;
+  font-style: normal;
+}
+
+.frame-link .frame-link-host {
+  margin-inline-start: 5px;
+  font-size: 90%;
+  color: var(--theme-content-color2);
+}
+
+.frame-link .frame-link-function-display-name {
+  margin-inline-end: 5px;
+}
+
+.frame-link .frame-link-column,
+.frame-link .frame-link-line,
+.frame-link .frame-link-colon {
+  color: var(--theme-highlight-orange);
+  display: block;
+}
+
+.focused .frame-link .frame-link-filename,
+.focused .frame-link .frame-link-column,
+.focused .frame-link .frame-link-line,
+.focused .frame-link .frame-link-host,
+.focused .frame-link .frame-link-colon {
+  color: var(--theme-selection-color);
+}