mirror/php-web-maker
1
0
Fork 0
mirror of https://github.com/chinchang/web-maker.git synced 2025-07-21 22:11:12 +02:00
Code Issues Releases Wiki Activity

ui fixes

Browse Source
This commit is contained in:
Kushagra Gour
2019-03-03 18:46:20 +05:30
parent 5694a115c8
commit 4a16b77dc8
2 changed files with 17 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/SidePane.jsx
View File

@@ -69,9 +69,9 @@ function File({
onDragStart={dragStartHandler} onDragStart={dragStartHandler}
onClick={onFileSelect.bind(null, file)} onClick={onFileSelect.bind(null, file)}
> >
<div class="flex flex-v-center"> <div class="flex flex-v-center ov-h">
<FileIcon file={file} /> <FileIcon file={file} />
{file.name} <div class="sidebar__file-name">{file.name}</div>
</div> </div>
<div class="sidebar__file-options"> <div class="sidebar__file-options">
<button <button

22
src/style.css
View File

@@ -29,6 +29,7 @@ body {
position: relative; position: relative;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial,
sans-serif, 'Segoe UI Emoji', 'Segoe UI Symbol'; sans-serif, 'Segoe UI Emoji', 'Segoe UI Symbol';
-webkit-font-smoothing: antialiased;
} }
h1 { h1 {
@@ -90,7 +91,9 @@ button {
.d-f { .d-f {
display: flex; display: flex;
} }
.ov-h {
overflow: hidden;
}
.flex-grow { .flex-grow {
flex-grow: 1; flex-grow: 1;
} }
@@ -1676,7 +1679,7 @@ body:not(.is-app) .show-when-app {
.help-text { .help-text {
font-size: 0.9em; font-size: 0.9em;
color: rgba(255, 255, 255, 0.5); color: rgba(255, 255, 255, 0.65);
margin: 5px 0; margin: 5px 0;
} }
@@ -1740,7 +1743,7 @@ body:not(.is-app) .show-when-app {
width: 100%; width: 100%;
text-align: left; text-align: left;
display: flex; display: flex;
padding: 5px 5px; padding: 7px 10px;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
position: relative; position: relative;
@@ -1748,7 +1751,7 @@ body:not(.is-app) .show-when-app {
} }
/* 1st level nesting */ /* 1st level nesting */
.sidebar__folder-wrap .sidebar__file { .sidebar__folder-wrap .sidebar__file {
padding-left: 1rem; padding-left: 2rem;
} }
/* 2nd level nesting */ /* 2nd level nesting */
.sidebar__folder-wrap .sidebar__folder-wrap .sidebar__file { .sidebar__folder-wrap .sidebar__folder-wrap .sidebar__file {
@@ -1772,9 +1775,14 @@ body:not(.is-app) .show-when-app {
} }
.sidebar__file-icon { .sidebar__file-icon {
width: 16px; width: 20px;
height: 16px; height: 20px;
margin-right: 8px; margin-right: 8px;
flex-shrink: 0;
}
.sidebar__file-name {
overflow: hidden;
text-overflow: ellipsis;
} }
.sidebar__file-options { .sidebar__file-options {
position: absolute; position: absolute;
@@ -1932,7 +1940,7 @@ while the theme CSS file is loading */
} }
.tabs__tab { .tabs__tab {
display: block; display: block;
margin-bottom: 10px; padding: 10px;
background: transparent; background: transparent;
border: 0; border: 0;
text-align: left; text-align: left;