prehistoric-systems/Gitako
1
1
Fork 0
mirror of https://github.com/EnixCoda/Gitako.git synced 2026-03-11 08:54:44 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

refactor(naming): extract name

Browse source
This commit is contained in:
EnixCoda 2018-04-03 19:48:02 +08:00
parent b24e4430ab
commit 7efced17e5
3 changed files with 14 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/components/GitakoSideBar.js → src/components/SideBar.js
View file

@ -12,7 +12,7 @@ import GitHubHelper, { NOT_FOUND } from '../utils/GitHubHelper'
import storageHelper from '../utils/storageHelper'
import URLHelper from '../utils/URLHelper'
export default class GitakoSideBar extends preact.Component {
export default class SideBar extends preact.Component {
state = {
// whether Gitako side bar should be shown
shouldShow: false,

8
src/content.js
View file

@ -3,8 +3,8 @@ import preact from 'preact'
import './content.less'
import GitakoSideBar from './components/GitakoSideBar'
import SideBar from './components/SideBar'
const GitakoSideBarElement = document.createElement('div')
document.body.appendChild(GitakoSideBarElement)
preact.render(<GitakoSideBar />, GitakoSideBarElement)
const SideBarElement = document.createElement('div')
document.body.appendChild(SideBarElement)
preact.render(<SideBar />, SideBarElement)

16
src/content.less
View file

@ -1,8 +1,10 @@
@name: gitako;
@side-bar-width: 260px;
@github-content-width: 1280px;
@content-width: (@side-bar-width + @github-content-width);
.with-gitako-spacing {
.with-@{name}-spacing {
margin-left: @side-bar-width;
@media (min-width: @github-content-width) and (max-width: @content-width) {
margin-left: ~'calc(' @content-width ~' - 100vw)';
@ -63,8 +65,8 @@
visibility: hidden;
}
.gitako {
.gitako-side-bar {
.@{name} {
.@{name}-side-bar {
position: fixed;
top: 0;
left: 0;
@ -85,10 +87,10 @@
.hidden;
}
.gitako-logo-wrapper.Header {
.@{name}-logo-wrapper.Header {
position: relative;
.gitako-logo {
.@{name}-logo {
display: flex;
justify-content: space-around;
align-items: center;
@ -145,7 +147,7 @@
color: rgba(3, 47, 98, 0.55);
}
.gitako-side-bar-content {
.@{name}-side-bar-content {
display: flex;
flex: 1;
flex-direction: column;
@ -238,7 +240,7 @@
}
}
.gitako-settings-bar {
.@{name}-settings-bar {
border-top: 1px solid #eaecef;
&-content {
padding: 0 10px;