Movatterモバイル変換

[0]ホーム
URL:

Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

 Sign up
Appearance settings

Commit0a8beb8

Browse files
author
Sami Kolari
committed
ui fixes
1 parentc3798ae commit0a8beb8

File tree

9 files changed

+77
-24
lines changed

9 files changed

+77
-24
lines changed

‎src/App.vue‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -7,6 +7,7 @@
77
</template>
88

99
<script>
10+
1011
exportdefault {
1112
created() {
1213
document.documentElement.lang=this.$i18n.locale

‎src/components/NavMobile.vue‎

Lines changed: 13 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -34,12 +34,16 @@
3434
</button>
3535
<div
3636
v-for="{ name, url, description } in $tm('navbar.dropdown')"
37-
:key="name"
38-
class="">
39-
<a
40-
:href="url">
41-
{{ name }}
42-
</a>
37+
:key="name">
38+
<divclass="flex middle">
39+
<a
40+
:href="url"
41+
target="_blank"
42+
rel="noopener noreferrer">
43+
{{ name }}
44+
</a>
45+
<new-tab-iconcolor="theme"class="ml-2xsmall" />
46+
</div>
4347
<pclass="type-small color-white mt-none">
4448
{{ description }}
4549
</p>
@@ -79,11 +83,13 @@
7983

8084
<script>
8185
importChevronIconfrom'./icons/ChevronIcon.vue'
86+
importNewTabIconfrom'./icons/NewTabIcon.vue'
8287
8388
exportdefault {
8489
name:'NavMobile',
8590
components: {
86-
ChevronIcon
91+
ChevronIcon,
92+
NewTabIcon
8793
},
8894
data: ()=> ({
8995
isOpen:false,

‎src/components/Navbar.vue‎

Lines changed: 13 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -23,15 +23,20 @@
2323
<transitionname="fade">
2424
<div
2525
v-if="linkDropdownOpen"
26-
class="dropdown-container bg-black color-white p-smalltype-rightcard">
26+
class="dropdown-container bg-black color-white p-small card">
2727
<div
2828
v-for="{ name, url, description } in $tm('navbar.dropdown')"
2929
:key="name">
30-
<a
31-
:href="url">
32-
{{ name }}
33-
</a>
34-
<pclass="type-small mt-none">
30+
<divclass="flex end">
31+
<a
32+
:href="url"
33+
target="_blank"
34+
rel="noopener noreferrer">
35+
{{ name }}
36+
</a>
37+
<new-tab-iconcolor="theme"class="ml-2xsmall" />
38+
</div>
39+
<pclass="type-small mt-none type-right">
3540
{{ description }}
3641
</p>
3742
</div>
@@ -82,12 +87,12 @@
8287
</template>
8388

8489
<script>
85-
//importGlobeIcon from './icons/GlobeIcon.vue'
90+
importNewTabIconfrom'./icons/NewTabIcon.vue'
8691
8792
exportdefault {
8893
name:'Navbar',
8994
components: {
90-
// GlobeIcon
95+
NewTabIcon
9196
},
9297
data: ()=> ({
9398
navSticky:false,

‎src/components/ResourceBox.vue‎

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -107,7 +107,8 @@
107107
v-for="(tag, i) in item.tags"
108108
:key="tag"
109109
:style="`color: ${getTagColor(tag)}`"
110-
class="type-nowrap type-uppercase type-small">
110+
class="type-nowrap type-uppercase type-small cursor-pointer"
111+
@click="filterInput = tag.toUpperCase()">
111112
{{ `${tag}${i !== item.tags.length - 1 ? ', ' : ''}` }}
112113
</span>
113114
</td>
@@ -322,7 +323,7 @@ tr:nth-child(even) {
322323
.input-suggestions {
323324
position:absolute;
324325
z-index:2;
325-
max-height:20rem;
326+
max-height:13.5rem;
326327
overflow-y:scroll;
327328
}
328329
</style>
Lines changed: 38 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,38 @@
1+
<template>
2+
<svg
3+
xmlns="http://www.w3.org/2000/svg"
4+
height="16px"
5+
viewBox="0 0 24 24"
6+
width="16px"
7+
:class="{
8+
['fill-white']: color === 'white',
9+
['fill-theme']: color === 'theme'
10+
}">
11+
<path
12+
d="M0 0h24v24H0V0z"
13+
fill="none" />
14+
<path
15+
d="M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z" />
16+
</svg>
17+
</template>
18+
19+
<script>
20+
exportdefault {
21+
name:'NewTabIcon',
22+
props: {
23+
color: {
24+
type:String,
25+
default:'white'
26+
}
27+
}
28+
}
29+
</script>
30+
31+
<style scoped>
32+
.fill-white {
33+
fill:var(--color-white);
34+
}
35+
.fill-theme {
36+
fill:var(--color-theme);
37+
}
38+
</style>

‎src/components/index.js‎

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -14,6 +14,7 @@ import RobotCode from './RobotCode.vue'
1414

1515
importGlobeIconfrom'./icons/GlobeIcon.vue'
1616
importChevronIconfrom'./icons/ChevronIcon.vue'
17+
importNewTabIconfrom'./icons/NewTabIcon.vue'
1718

1819
export{
1920
NewsBanner,
@@ -31,5 +32,6 @@ export {
3132
RobotCode,
3233

3334
GlobeIcon,
34-
ChevronIcon
35+
ChevronIcon,
36+
NewTabIcon
3537
}

‎src/content/english.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
exportdefault()=>({
22
langName:'English',
3-
newsBanner:'🎉 New website has been released!',
3+
newsBanner:'🎉 New website has been released! If you have feedback, feel free to post it in <a href="https://github.com/robotframework/robotframework.github.com">GitHub</a>.',
44
navbar:{
55
items:[
66
{

‎src/content/resources/stars.js‎

Lines changed: 1 addition & 3 deletions
Some generated files are not rendered by default. Learn more aboutcustomizing how changed files appear on GitHub.

‎src/js/get-repo-stars.js‎

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -25,6 +25,8 @@ const getRepoName = (url) => {
2525
return`${parts[0]}/${parts[1]}`
2626
}
2727

28+
constfunctionize=(list)=>`/* eslint-disable */ export default () => (${list})`
29+
2830
exportconstgetStars=()=>{
2931
constrepos=[...libraries(), ...tools()]
3032
.filter((item)=>item.href.includes('github.com'))
@@ -38,9 +40,9 @@ export const getStars = () => {
3840
stars:repo.stargazers_count
3941
}))
4042
consta=document.createElement('a')
41-
constfile=newBlob([JSON.stringify(list)],{type:'text/plain'})
43+
constfile=newBlob([functionize(JSON.stringify(list))],{type:'text/plain'})
4244
a.href=URL.createObjectURL(file)
43-
a.download='stars.json'
45+
a.download='stars.js'
4446
a.click()
4547
})
4648
}

0 commit comments

Comments
 (0)
[8]ページ先頭
©2009-2025 Movatter.jp