Warning, /firebird/firebird-ng/src/app/components/tool-panel/tool-panel.component.scss is written in an unsupported language. File is not indexed.
0001 .tool-panel-wrapper {
0002 position: fixed;
0003 top: 20%;
0004 right: 0;
0005 display: flex;
0006 justify-content: center;
0007 align-items: center;
0008 }
0009
0010 .tool-panel {
0011 width: 60px;
0012 height: auto;
0013 background-color: #2e2e2e;
0014 box-shadow: -2px 0 5px rgba(0, 0, 0, 0.1);
0015 border-radius: 8px 0 0 8px;
0016 display: flex;
0017 flex-direction: column;
0018 align-items: center;
0019 justify-content: center;
0020 transition: transform 0.3s ease;
0021 padding: 10px;
0022 }
0023
0024 .tool-panel.collapsed {
0025 transform: translateX(calc(100% - 60px));
0026 }
0027
0028 .tool-panel button {
0029 background: none;
0030 border: none;
0031 cursor: pointer;
0032 padding: 10px;
0033 display: flex;
0034 justify-content: center;
0035 align-items: center;
0036 margin-left: 7px;
0037 border-radius: 50%;
0038 transition: background-color 0.3s ease;
0039
0040 &:hover {
0041 background-color: #5c5c5c;
0042 }
0043
0044 mat-icon {
0045 font-size: 24px;
0046 color: white;
0047 }
0048 }
0049
0050 .toggle-button {
0051 z-index: 1;
0052 }
