public/Boostnote
1
0
Fork 0
mirror of https://github.com/BoostIo/Boostnote synced 2025-12-13 01:36:22 +00:00
Code Issues Releases Wiki Activity

Change Edit Lock Icon

Browse Source
This commit is contained in:
Yutaka Ishii
2017-12-12 17:01:33 +09:00
parent 1a4c37820d
commit ac624eb98f
9 changed files with 36 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
browser/main/Detail/InfoButton.styl
View File

@@ -1,6 +1,6 @@
.control-infoButton .control-infoButton
top 10px top 10px
topBarButtonLight() topBarButtonRight()
.infoButton .infoButton
padding 0px padding 0px

2
browser/main/Detail/MarkdownNoteDetail.js
View File

@@ -233,7 +233,7 @@ class MarkdownNoteDetail extends React.Component {
} }
getToggleLockButton () { getToggleLockButton () {
return this.state.isLocked ? '../resources/icon/icon-lock.svg' : '../resources/icon/icon-unlock.svg' return this.state.isLocked ? '../resources/icon/icon-edit-lock.svg' : '../resources/icon/icon-edit.svg'
} }
handleDeleteKeyDown (e) { handleDeleteKeyDown (e) {

4
browser/main/Detail/MarkdownNoteDetail.styl
View File

@@ -13,7 +13,7 @@
.control-lockButton .control-lockButton
top 150px top 150px
topBarButtonLight() topBarButtonRight()
.trashed-infopanel .trashed-infopanel
top 40px top 40px
@@ -21,7 +21,7 @@
.control-fullScreenButton .control-fullScreenButton
top 80px top 80px
topBarButtonLight() topBarButtonRight()
.body .body
absolute left right absolute left right

2
browser/main/Detail/SnippetNoteDetail.styl
View File

@@ -69,7 +69,7 @@
.control-fullScreenButton .control-fullScreenButton
top 80px top 80px
margin-bottom 10px margin-bottom 10px
topBarButtonLight() topBarButtonRight()
body[data-theme="white"] body[data-theme="white"]
.root .root

2
browser/main/Detail/StarButton.styl
View File

@@ -1,6 +1,6 @@
.root .root
top 45px top 45px
topBarButtonLight() topBarButtonRight()
&:hover &:hover
transition 0.2s transition 0.2s
color alpha($ui-favorite-star-button-color, 0.6) color alpha($ui-favorite-star-button-color, 0.6)

4
browser/main/Detail/TrashButton.styl
View File

@@ -1,10 +1,10 @@
.control-trashButton .control-trashButton
top 115px top 115px
topBarButtonLight() topBarButtonRight()
.control-trashButton--in-trash .control-trashButton--in-trash
top 60px top 60px
topBarButtonLight() topBarButtonRight()
.trashButton .trashButton
padding 0px padding 0px

4
browser/styles/index.styl
View File

@@ -174,7 +174,7 @@ modal()
overflow hidden overflow hidden
border-radius $modal-border-radius border-radius $modal-border-radius
topBarButtonLight() topBarButtonRight()
position absolute position absolute
width 34px width 34px
height 34px height 34px
@@ -187,7 +187,7 @@ topBarButtonLight()
&:active &:active
border-color $ui-button--active-backgroundColor border-color $ui-button--active-backgroundColor
&:hover &:hover
transform scale(1.1) // transform scale(1.1)
transition 0.4s transition 0.4s
color $ui-button-color color $ui-button-color
.control-lockButton-tooltip .control-lockButton-tooltip

13
resources/icon/icon-edit-lock.svg Normal file
View File

@@ -0,0 +1,13 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="17px" height="19px" viewBox="0 0 17 19" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 48.1 (47250) - http://www.bohemiancoding.com/sketch -->
<title>icon-edit-lock</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Artboard" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" transform="translate(-1443.000000, -336.000000)" stroke-linecap="round" stroke-linejoin="round">
<g id="icon-edit-lock" transform="translate(1444.000000, 337.000000)" stroke="#1EC38B" stroke-width="1.66666667">
<polygon id="Shape" points="9.16666667 0 12.5 3.42857143 3.33333333 12.8571429 0 12.8571429 0 9.42857143"></polygon>
<path d="M0,17.1428571 L15,17.1428571" id="Shape"></path>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 887 B

13
resources/icon/icon-edit.svg Normal file
View File

@@ -0,0 +1,13 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="17px" height="19px" viewBox="0 0 17 19" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 48.1 (47250) - http://www.bohemiancoding.com/sketch -->
<title>icon-edit</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Artboard" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" transform="translate(-1464.000000, -336.000000)" stroke-linecap="round" stroke-linejoin="round">
<g id="icon-edit" transform="translate(1465.000000, 337.000000)" stroke="#C7C7C7" stroke-width="1.66666667">
<polygon id="Shape" points="9.16666667 0 12.5 3.42857143 3.33333333 12.8571429 0 12.8571429 0 9.42857143"></polygon>
<path d="M0,17.1428571 L15,17.1428571" id="Shape"></path>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 877 B