fixed workspace name not showing properly when window is minimized
mellbacon committed
May 8, 2023 at 18:51 UTC
c2c238a5269258f3c4d984551bc20f28221d2a76
1 file changed
+12
-10
src/lib/Header.svelte
+12
-10
@@ -62,8 +62,8 @@
62
{/each}
63
</div>
64
<div class="divider"></div>
65
- <div id="workspace" title="filename.txt">
66
- filename.txt
65
+ <div id="workspace" title="WorkspaceName/filename.txt" data-tauri-drag-region>
66
+ WorkspaceName | filename.txt
67
</div>
68
<div id="handle" data-tauri-drag-region></div>
69
<div class="tools">
@@ -129,15 +129,18 @@
129
}
130
#workspace {
131
height: 100%;
132
- width: fit-content;
133
- max-width: 200px;
134
- display: flex;
135
- align-items: center;
136
- justify-content: center;
132
+ transform: translateY(12%);
133
padding: 0 0.5rem;
138
- font-size: 0.875rem;
134
+ font-size: 0.813rem;
135
+ overflow: hidden;
136
+ text-overflow: ellipsis;
137
+ white-space: nowrap;
138
color: #8c8c8c;
139
z-index: 10;
140
+
141
+ span {
142
+ height: 100%;
143
+ }
144
}
145
146
#handle {
@@ -154,15 +157,14 @@
157
z-index: 10;
158
}
159
.tools {
157
- width: -webkit-fill-available;
160
display: flex;
161
justify-content: end;
162
padding: 0 5px;
163
height: 100%;
164
+ margin-left: auto;
165
}
166
167
#window-controls {
165
- margin-left: auto;
168
height: 100%;
169
display: flex;
170
z-index: 10;