mirror/php-web-maker
1
0
Fork 0
mirror of https://github.com/chinchang/web-maker.git synced 2025-07-29 09:40:10 +02:00
Code Issues Releases Wiki Activity

sidepane: fix the file option buttons ux

Browse Source
This commit is contained in:
Kushagra Gour
2019-03-18 10:15:52 +05:30
parent d504f42369
commit e335644787
2 changed files with 10 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/SidePane.jsx
View File

@@ -77,7 +77,7 @@ function File({
<div class="sidebar__file-options"> <div class="sidebar__file-options">
<button <button
type="button" type="button"
class="btn btn--dark" class="btn btn--dark btn--chromeless"
onClick={onRenameBtnClick.bind(null, file)} onClick={onRenameBtnClick.bind(null, file)}
> >
<svg viewBox="0 0 24 24"> <svg viewBox="0 0 24 24">
@@ -87,7 +87,7 @@ function File({
<button <button
type="button" type="button"
class="btn btn--dark" class="btn btn--dark btn--chromeless"
onClick={onRemoveBtnClick.bind(null, file)} onClick={onRemoveBtnClick.bind(null, file)}
> >
<svg viewBox="0 0 24 24"> <svg viewBox="0 0 24 24">

10
src/style.css
View File

@@ -799,6 +799,12 @@ body > #demo-frame {
.btn--dark:hover > svg { .btn--dark:hover > svg {
fill: #111; fill: #111;
} }
.btn--chromeless {
box-shadow: none;
background: transparent;
border: 0;
padding: 1px;
}
.main-header__btn-wrap > .is-loading { .main-header__btn-wrap > .is-loading {
pointer-events: none; pointer-events: none;
opacity: 0.4; opacity: 0.4;
@@ -1800,8 +1806,8 @@ body:not(.is-app) .show-when-app {
text-overflow: ellipsis; text-overflow: ellipsis;
} }
.sidebar__file-options { .sidebar__file-options {
position: absolute; /* position: absolute; */
right: 0; /* right: 0; */
visibility: hidden; visibility: hidden;
} }
.sidebar__file:hover .sidebar__file-options, .sidebar__file:hover .sidebar__file-options,