From 600ecd540d18641c8457f520046d320c377a1f26 Mon Sep 17 00:00:00 2001 From: Don Date: Wed, 17 May 2023 13:39:41 -0400 Subject: [PATCH] chore: remove unused css files (#1307) We have no intention of supporting or using these golden-layout specific css themes. --- .../scss/goldenlayout-light-theme.scss | 242 ------------------ .../scss/goldenlayout-soda-theme.scss | 213 --------------- .../scss/goldenlayout-translucent-theme.scss | 229 ----------------- 3 files changed, 684 deletions(-) delete mode 100644 packages/golden-layout/scss/goldenlayout-light-theme.scss delete mode 100644 packages/golden-layout/scss/goldenlayout-soda-theme.scss delete mode 100644 packages/golden-layout/scss/goldenlayout-translucent-theme.scss diff --git a/packages/golden-layout/scss/goldenlayout-light-theme.scss b/packages/golden-layout/scss/goldenlayout-light-theme.scss deleted file mode 100644 index 994b158531..0000000000 --- a/packages/golden-layout/scss/goldenlayout-light-theme.scss +++ /dev/null @@ -1,242 +0,0 @@ -// Color variables (appears count calculates by raw css) -$color0: #e1e1e1; // Appears 3 times -$color1: #000000; // Appears 4 times -$color2: #cccccc; // Appears 3 times -$color3: #777777; // Appears 2 times - -$color4: #ffffff; // Appears 1 time -$color5: #555555; // Appears 1 time -$color6: #452500; // Appears 1 time -$color7: #fafafa; // Appears 1 time -$color8: #999999; // Appears 1 time -$color9: #bbbbbb; // Appears 1 time -$color10: #888888; // Appears 1 time - -// ".lm_dragging" is applied to BODY tag during Drag and is also directly applied to the root of the object being dragged - -// Entire GoldenLayout Container, if a background is set, it is visible as color of "pane header" and "splitters" (if these latest has opacity very low) -.lm_goldenlayout { - //background:$color0; - background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAGFBMVEX29vb19fXw8PDy8vL09PTz8/Pv7+/x8fGKuegbAAAAyUlEQVR42pXRQQ7CMBRDwST9pfe/MahEmgURbt7WmpVb6+vG0dd9REnn66xRy/qXiCgmEIIJhGACIZhACCYQgvlDCDFIEAwSBIMEwSBBMEgQDBIEgwTBIEEwCJEMQiSDENFMQmQzCZEbNyGemd6KeGZ6u4hnXe2qbdLHFjhf1XqNLXHev4wdMd9nspiEiWISJgqECQJhgkCYIBAmCIQJAmGCQJggECYJhAkCEUMEwhCBMEQgDJEIQ2RSg0iEIRJhiB/S+rrjqvXQ3paIJUgPBXxiAAAAAElFTkSuQmCC); -} - -// Single Pane content (area in which final dragged content is contained) -.lm_content { - background: $color0; - border: 1px solid $color2; -} - -// Single Pane content during Drag (style of moving window following mouse) -.lm_dragProxy { - .lm_content { - box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2); - box-sizing: border-box; - } -} - -// Placeholder Container of target position -.lm_dropTargetIndicator { - box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.4); - outline: 1px dashed $color2; - margin: 1px; - transition: all 200ms ease; - - // Inner Placeholder - .lm_inner { - background: $color1; - opacity: 0.1; - } -} - -// Separator line (handle to change pane size) -.lm_splitter { - background: $color8; - opacity: 0.001; - transition: opacity 200ms ease; - - &:hover, // When hovered by mouse... - &.lm_dragging { - background: $color9; - opacity: 1; - } -} - -// Pane Header (container of Tabs for each pane) -.lm_header { - height: 20px; - //user-select:none; // Present in DARK Theme - - &.lm_selectable { - cursor: pointer; - } - - // Single Tab container. A single Tab is set for each pane, a group of Tabs are contained in ".lm_header" - .lm_tab { - font-family: Arial, sans-serif; - font-size: 12px; - color: $color10; - background: $color7; - margin-right: 2px; - padding-bottom: 4px; - border: 1px solid $color2; - border-bottom: none; - - .lm_title { - padding-top: 1px; - } - - // Close Tab Icon - .lm_close_tab { - width: 11px; - height: 11px; - background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAIklEQVR4nGNgYGD4z4Ad/Mdg4ODDBXCZRFgCp5EEHQMXBwAQAgz0SVCcggAAAABJRU5ErkJggg==); - background-position: center center; - background-repeat: no-repeat; - right: 6px; - top: 4px; - opacity: 0.4; - - &:hover { - opacity: 1; - } - } - - // If Tab is active, so if it's in foreground - &.lm_active { - border-bottom: none; - box-shadow: 2px -2px 2px -2px rgba(0, 0, 0, 0.2); - padding-bottom: 5px; - - &.lm_focusin { - box-shadow: inset 0px 1px $color1; - } - - .lm_close_tab { - opacity: 1; - } - } - } -} - -.lm_window_blur .lm_tab.lm_active.lm_focusin { - box-shadow: none; -} - -.lm_dragProxy.lm_bottom, -.lm_stack.lm_bottom { - .lm_header .lm_tab { - &.lm_active { - box-shadow: 2px 2px 2px -2px rgba(0, 0, 0, 0.2); - } - } -} - -// If Pane Header (container of Tabs for each pane) is selected (used only if addition of new Contents is made "by selection" and not "by drag") -.lm_selected { - .lm_header { - background-color: $color6; - } -} - -.lm_tab { - &:hover, // If Tab is hovered - &.lm_active // If Tab is active, so if it's in foreground - { - background: $color0; - color: $color3; - } -} - -.lm_header .lm_tabs .lm_tab.lm_keyboard_active { - color: $color0; - background: $color3; -} - -// Dropdown arrow for additional tabs when too many to be displayed -.lm_header .lm_controls .lm_tabdropdown:before { - color: $color1; -} - -// Pane controls (popout, maximize, minimize, close) -.lm_controls { - // All Pane controls shares these - > li { - position: relative; - background-position: center center; - background-repeat: no-repeat; - opacity: 0.4; - transition: opacity 300ms ease; - - &:hover { - opacity: 1; - } - } - - // Icon to PopOut Pane, so move it to a different Browser Window - .lm_popout { - background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAANUlEQVR4nI2QMQoAMAwCz5L/f9mOzZIaN0E9UDyZhaaQz6atgBHgambEJ5wBKoS0WaIvfT+6K2MIECN19MAAAAAASUVORK5CYII=); - } - - // Icon to Maximize Pane, so it will fill the entire GoldenLayout Container - .lm_maximise { - background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAIklEQVR4nGNkYGD4z0AAMBFSAAOETPpPlEmDUREjAxHhBABPvAQLFv3qngAAAABJRU5ErkJggg==); - } - - // Icon to Close Pane and so remove it from GoldenLayout Container - .lm_close { - background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAKUlEQVR4nGNgYGD4z4Af/Mdg4FKASwCnDf8JKSBoAtEmEXQTQd8RDCcA6+4Q8OvIgasAAAAASUVORK5CYII=); - } - - .lm_tabnextbutton { - background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJAQMAAADaX5RTAAAABlBMVEUAAAAAAAClZ7nPAAAAAXRSTlMAQObYZgAAABxJREFUCNdjUGBgEGBg4GBgYGFgYAKTHCARoDgABscAe0vtWukAAAAASUVORK5CYII=); - } - - .lm_tabpreviousbutton { - background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJAQMAAADaX5RTAAAABlBMVEUAAAAAAAClZ7nPAAAAAXRSTlMAQObYZgAAABxJREFUCNdjYGJgYGFg4GBgEGBgUACTHCARoDgABSMAXe2fzqEAAAAASUVORK5CYII=); - } -} - -// If a specific Pane is maximized -.lm_maximised { - // Pane Header (container of Tabs for each pane) can have different style when is Maximized - .lm_header { - background-color: $color4; - } - - // Pane controls are different in Maximized Mode, especially the old Icon "Maximise" that now has a different meaning, so "Minimize" (even if CSS Class did not change) - .lm_controls { - .lm_maximise { - background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAJklEQVR4nGP8//8/AyHARFDFUFbEwsDAwMDIyIgzHP7//89IlEkApSkHEScJTKoAAAAASUVORK5CYII=); - } - } -} - -.lm_transition_indicator { - background-color: $color1; - border: 1px dashed $color5; -} - -// If a specific Pane is Popped Out, so move it to a different Browser Window, Icon to restore original position is: -.lm_popin { - cursor: pointer; - - // Background of Icon - .lm_bg { - background: $color1; - opacity: 0.7; - } - - // Icon to Restore original position in Golden Layout Container - .lm_icon { - background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAJCAYAAADpeqZqAAAAWklEQVR4nJWOyw3AIAxDHcQC7L8jbwT3AlJBfNp3SiI7dtRaLSlKKeoA1oEsKSQZCEluexw8Tm3ohk+E7bnOUHUGcNh+HwbBygw4AZ7FN/Lt84p0l+yTflV8AKQyLdcCRJi/AAAAAElFTkSuQmCC); - background-position: center center; - background-repeat: no-repeat; - opacity: 0.7; - } - - &:hover { - .lm_icon { - opacity: 1; - } - } -} diff --git a/packages/golden-layout/scss/goldenlayout-soda-theme.scss b/packages/golden-layout/scss/goldenlayout-soda-theme.scss deleted file mode 100644 index 9cc7125ec7..0000000000 --- a/packages/golden-layout/scss/goldenlayout-soda-theme.scss +++ /dev/null @@ -1,213 +0,0 @@ -// Color variables (appears count calculates by raw css) -$color0: #000000; // Appears 7 times -$color1: #eeeeee; // Appears 3 times -$color2: #444444; // Appears 2 times -$color3: #222222; // Appears 1 time -$color4: #555555; // Appears 1 time -$color5: #452500; // Appears 1 time -$color6: #999999; // Appears 1 time -$color7: #272822; // Appears 1 time -$color8: #cccccc; // Appears 1 time - -// ".lm_dragging" is applied to BODY tag during Drag and is also directly applied to the root of the object being dragged - -// Entire GoldenLayout Container, if a background is set, it is visible as color of "pane header" and "splitters" (if these latest has opacity very low) -.lm_goldenlayout { - background: $color0; - background: linear-gradient($color0, $color1); - background-repeat: repeat; -} - -// Single Pane content (area in which final dragged content is contained) -.lm_content { - background: $color7; -} - -// Single Pane content during Drag (style of moving window following mouse) -.lm_dragProxy { - .lm_content { - box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.9); - } -} - -// Placeholder Container of target position -.lm_dropTargetIndicator { - box-shadow: inset 0 0 30px $color0; - outline: 1px dashed $color8; - transition: all 200ms ease; - - // Inner Placeholder - .lm_inner { - background: $color0; - opacity: 0.2; - } -} - -// Separator line (handle to change pane size) -.lm_splitter { - background: $color0; - opacity: 0.001; - transition: opacity 200ms ease; - - &:hover, // When hovered by mouse... - &.lm_dragging { - background: $color2; - opacity: 1; - } -} - -// Pane Header (container of Tabs for each pane) -.lm_header { - background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAcCAIAAAAvP0KbAAAANElEQVR4nH2IsQ0AMAyDHM5J/v8qD3ixulWdOiAQmhkAquoi6frt33udBEnYprvZXZJg+wAKcQ/o96fYNQAAAABJRU5ErkJggg==); - height: 28px; - //user-select:none; // Present in DARK Theme - - &.lm_selectable { - cursor: pointer; - } - - // Single Tab container. A single Tab is set for each pane, a group of Tabs are contained in ".lm_header" - .lm_tab { - font-family: Arial, sans-serif; - font-size: 13px; - background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAcCAIAAAAvP0KbAAAANklEQVR4nHXGsQ0AMAgDQcuFh2EC9p+HhpIGaCMlKV5/cHdKoiQC+DYzl8+/nJk0M0YEu5tVtXqyIehfJSkOAAAAAElFTkSuQmCC); - color: $color6; - margin: 0; - padding-bottom: 4px; - - // (Used in other Themes but actually not here) - /* - .lm_title - { - padding-top:1px; - }*/ - - // Close Tab Icon - .lm_close_tab { - width: 11px; - height: 11px; - background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAATElEQVR4nG3OwQ0DMQwDwZGRBtR/j1YJzMc5+IDoR+yCVO29g+pu981MFgqZmRdAfU7+CYWcbF11LwALjpBL0N0qybNx/RPU+gOeiS/+XCRwDlTgkQAAAABJRU5ErkJggg==); - background-position: center center; - background-repeat: no-repeat; - right: 6px; - top: 4px; - opacity: 0.4; - - &:hover { - opacity: 1; - } - } - - // If Tab is active, so if it's in foreground - &.lm_active { - border-bottom: none; - padding-bottom: 5px; - - .lm_close_tab { - opacity: 1; - } - } - } -} -.lm_stack.lm_left, -.lm_stack.lm_right { - .lm_header { - background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAABCAIAAABCJ1mGAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4QQHEjUmFgXMqwAAADBJREFUCNdth7ENADAMwkjOIf9/xQMsqEPVTPVg2TUz3V0PANcb310nAWCbpKQktg/HHA+z1P+XmwAAAABJRU5ErkJggg==); - } -} -// If Pane Header (container of Tabs for each pane) is selected (used only if addition of new Contents is made "by selection" and not "by drag") -.lm_selected { - .lm_header { - background-color: $color5; - } -} - -.lm_tab { - &:hover, // If Tab is hovered - &.lm_active // If Tab is active, so if it's in foreground - { - background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAcCAIAAAAvP0KbAAAAKUlEQVR4nGPw8vJi4ubmZmJgYGD6//8/nEZnY+MTUoPM/vfvH9PPnz8BJQc56Apw2moAAAAASUVORK5CYII=); - color: $color1; - } -} - -// Dropdown arrow for additional tabs when too many to be displayed -.lm_header .lm_controls .lm_tabdropdown:before { - color: $color1; -} - -// Pane controls (popout, maximize, minimize, close) -.lm_controls { - // All Pane controls shares these - > li { - position: relative; - background-position: center center; - background-repeat: no-repeat; - opacity: 0.4; - transition: opacity 300ms ease; - - &:hover { - opacity: 1; - } - } - - // Icon to PopOut Pane, so move it to a different Browser Window - .lm_popout { - background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAPklEQVR4nI2Q0QoAIAwCNfr/X7aXCpGN8snBdgejJOzckpkxs9jR6K6T5JpU0nWl5pSXTk7qwh8SnNT+CAAWCgkKFpuSWsUAAAAASUVORK5CYII=); - } - - // Icon to Maximize Pane, so it will fill the entire GoldenLayout Container - .lm_maximise { - background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAKElEQVR4nGP8////fwYCgImQAgYGBgYWKM2IR81/okwajIpgvsMbVgAwgQYRVakEKQAAAABJRU5ErkJggg==); - } - - // Icon to Close Pane and so remove it from GoldenLayout Container - .lm_close { - background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAQUlEQVR4nHXOQQ4AMAgCQeT/f6aXpsGK3jSTuCVJAAr7iBdoAwCKd0nwfaAdHbYERw5b44+E8JoBjEYGMBq5gAYP3usUDu2IvoUAAAAASUVORK5CYII=); - } -} - -// If a specific Pane is maximized -.lm_maximised { - // Pane Header (container of Tabs for each pane) can have different style when is Maximized - .lm_header { - background-color: $color0; - } - - // Pane controls are different in Maximized Mode, especially the old Icon "Maximise" that now has a different meaning, so "Minimize" (even if CSS Class did not change) - .lm_controls { - .lm_maximise { - background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAJklEQVR4nGP8//8/AyHARFDFUFbEwsDAwMDIyIgzHP7//89IlEkApSkHEScJTKoAAAAASUVORK5CYII=); - } - } -} - -.lm_transition_indicator { - background-color: $color0; - border: 1px dashed $color4; -} - -// If a specific Pane is Popped Out, so move it to a different Browser Window, Icon to restore original position is: -.lm_popin { - cursor: pointer; - - // Background of Icon - .lm_bg { - background: $color1; - opacity: 0.7; - } - - // Icon to Restore original position in Golden Layout Container - .lm_icon { - background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAJCAYAAADpeqZqAAAAWklEQVR4nJWOyw3AIAxDHcQC7L8jbwT3AlJBfNp3SiI7dtRaLSlKKeoA1oEsKSQZCEluexw8Tm3ohk+E7bnOUHUGcNh+HwbBygw4AZ7FN/Lt84p0l+yTflV8AKQyLdcCRJi/AAAAAElFTkSuQmCC); - background-position: center center; - background-repeat: no-repeat; - opacity: 0.7; - } - - &:hover { - .lm_icon { - opacity: 1; - } - } -} diff --git a/packages/golden-layout/scss/goldenlayout-translucent-theme.scss b/packages/golden-layout/scss/goldenlayout-translucent-theme.scss deleted file mode 100644 index 78e5aca9e2..0000000000 --- a/packages/golden-layout/scss/goldenlayout-translucent-theme.scss +++ /dev/null @@ -1,229 +0,0 @@ -// Color variables (appears count calculates by raw css) -$color0: #ffffff; // Appears 7 times - -// ".lm_dragging" is applied to BODY tag during Drag and is also directly applied to the root of the object being dragged - -// Entire GoldenLayout Container, if a background is set, it is visible as color of "pane header" and "splitters" (if these latest has opacity very low) -.lm_goldenlayout { - background: dodgerblue; - background: linear-gradient(to right bottom, dodgerblue, palevioletred); -} - -// Single Pane content (area in which final dragged content is contained) -.lm_content { - background: rgba(255, 255, 255, 0.1); - box-shadow: 0 0 15px 2px rgba(0, 0, 0, 0.1); - color: whitesmoke; -} - -// Single Pane content during Drag (style of moving window following mouse) -.lm_dragProxy { - .lm_content { - box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.9); - } -} - -// Placeholder Container of target position -.lm_dropTargetIndicator { - box-shadow: inset 0 0 20px rgba(255, 255, 255, 0.5); - outline: 1px dashed $color0; - margin: 1px; - transition: all 200ms ease; - - // Inner Placeholder (Used in other Themes but actually not here) - /*.lm_inner - { - background:$color0; - opacity:0.1; - }*/ -} - -// Separator line (handle to change pane size) -.lm_splitter { - background: $color0; - opacity: 0.001; - transition: opacity 200ms ease; - - &:hover, // When hovered by mouse... - &.lm_dragging { - background: $color0; - opacity: 0.4; - } -} - -// Pane Header (container of Tabs for each pane) -.lm_header { - height: 20px; - //user-select:none; // Present in DARK Theme - - &.lm_selectable { - cursor: pointer; - } - - // Single Tab container. A single Tab is set for each pane, a group of Tabs are contained in ".lm_header" - .lm_tab { - font-family: Arial, sans-serif; - font-size: 13px; - color: $color0; - background: rgba(255, 255, 255, 0.1); - margin-right: 2px; - padding-bottom: 4px; - - // Close Tab Icon - .lm_close_tab { - width: 11px; - height: 11px; - background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAATElEQVR4nG3OwQ0DMQwDwZGRBtR/j1YJzMc5+IDoR+yCVO29g+pu981MFgqZmRdAfU7+CYWcbF11LwALjpBL0N0qybNx/RPU+gOeiS/+XCRwDlTgkQAAAABJRU5ErkJggg==); - background-position: center center; - background-repeat: no-repeat; - right: 6px; - top: 4px; - opacity: 0.4; - - &:hover { - opacity: 1; - } - } - - // If Tab is active, so if it's in foreground - &.lm_active { - border-bottom: none; - box-shadow: 2px -2px 2px -2px rgba(0, 0, 0, 0.2); - padding-bottom: 5px; - - .lm_close_tab { - opacity: 1; - } - } - } -} - -.lm_dragProxy.lm_bottom, -.lm_stack.lm_bottom { - .lm_header .lm_tab { - &.lm_active { - box-shadow: 2px 2px 2px -2px rgba(0, 0, 0, 0.2); - } - } -} - -// If Pane Header (container of Tabs for each pane) is selected (used only if addition of new Contents is made "by selection" and not "by drag") -.lm_selected { - // (Used in other Themes but actually not here) - /*.lm_header - { - background-color:$color6; - }*/ -} - -.lm_tab { - &:hover, // If Tab is hovered - &.lm_active // If Tab is active, so if it's in foreground - { - background: rgba(255, 255, 255, 0.3); - color: $color0; - } -} - -// Dropdown arrow for additional tabs when too many to be displayed -// (Used in other Themes but actually not here) -/* -.lm_header .lm_controls .lm_tabdropdown:before -{ - color:$color1; -}*/ - -// Pane controls (popout, maximize, minimize, close) -.lm_controls { - // All Pane controls shares these - > li { - position: relative; - background-position: center center; - background-repeat: no-repeat; - opacity: 0.4; - transition: opacity 300ms ease; - - &:hover { - opacity: 1; - } - } - - // Icon to PopOut Pane, so move it to a different Browser Window - .lm_popout { - background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAPklEQVR4nI2Q0QoAIAwCNfr/X7aXCpGN8snBdgejJOzckpkxs9jR6K6T5JpU0nWl5pSXTk7qwh8SnNT+CAAWCgkKFpuSWsUAAAAASUVORK5CYII=); - } - - // Icon to Maximize Pane, so it will fill the entire GoldenLayout Container - .lm_maximise { - background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAKElEQVR4nGP8////fwYCgImQAgYGBgYWKM2IR81/okwajIpgvsMbVgAwgQYRVakEKQAAAABJRU5ErkJggg==); - } - - // Icon to Close Pane and so remove it from GoldenLayout Container - .lm_close { - background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAQUlEQVR4nHXOQQ4AMAgCQeT/f6aXpsGK3jSTuCVJAAr7iBdoAwCKd0nwfaAdHbYERw5b44+E8JoBjEYGMBq5gAYP3usUDu2IvoUAAAAASUVORK5CYII=); - } -} - -// If a specific Pane is maximized -// (Used in other Themes but actually not here) -/* -.lm_maximised -{ - // Pane Header (container of Tabs for each pane) can have different style when is Maximized - .lm_header - { - background-color:$color4; - } - - // Pane controls are different in Maximized Mode, especially the old Icon "Maximise" that now has a different meaning, so "Minimize" (even if CSS Class did not change) - .lm_controls - { - .lm_maximise - { - background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAJklEQVR4nGP8//8/AyHARFDFUFbEwsDAwMDIyIgzHP7//89IlEkApSkHEScJTKoAAAAASUVORK5CYII=); - } - } -} -*/ - -// (Used in other Themes but actually not here) -/* -.lm_transition_indicator -{ - background-color:$color1; - border:1px dashed $color5; -}*/ - -// If a specific Pane is Popped Out, so move it to a different Browser Window, Icon to restore original position is: -.lm_popin { - cursor: pointer; - - // Background of Icon - // (Used in other Themes but actually not here) - /* - .lm_bg - { - background:$color1; - opacity:0.7; - }*/ - - // Icon to Restore original position in Golden Layout Container - .lm_icon { - background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAJCAYAAADpeqZqAAAAWklEQVR4nJWOyw3AIAxDHcQC7L8jbwT3AlJBfNp3SiI7dtRaLSlKKeoA1oEsKSQZCEluexw8Tm3ohk+E7bnOUHUGcNh+HwbBygw4AZ7FN/Lt84p0l+yTflV8AKQyLdcCRJi/AAAAAElFTkSuQmCC); - background-position: center center; - background-repeat: no-repeat; - opacity: 0.7; - } - - &:hover { - .lm_icon { - opacity: 1; - } - } -} - -// Present only in this Theme - -.lm_item { - box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1); -}