tasiaiso/tildefriends
1
0
Fork 0
forked from cory/tildefriends
Code Issues Pull Requests Releases Wiki Activity

Making tabs less button-y.

Browse Source 
git-svn-id: https://www.unprompted.com/svn/projects/tildefriends/trunk@4049 ed5197a5-7fde-0310-b194-c3ffbd925b24
This commit is contained in:
Cory McWilliams
2022-11-17 00:56:09 +00:00
parent c4b4103802
commit 902287292d
3 changed files with 16 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
apps/cory/ssblit/tf-app.js
View File

@ -307,9 +307,9 @@ class TfElement extends LitElement {
let tabs = html`
<div>
<input type="button" value="News" ?disabled=${self.tab == 'news'} @click=${() => self.set_tab('news')}></input>
<input type="button" value="Connections" ?disabled=${self.tab == 'connections'} @click=${() => self.set_tab('connections')}></input>
<input type="button" value="Search" ?disabled=${self.tab == 'search'} @click=${() => self.set_tab('search')}></input>
<input type="button" class="tab" value="News" ?disabled=${self.tab == 'news'} @click=${() => self.set_tab('news')}></input>
<input type="button" class="tab" value="Connections" ?disabled=${self.tab == 'connections'} @click=${() => self.set_tab('connections')}></input>
<input type="button" class="tab" value="Search" ?disabled=${self.tab == 'search'} @click=${() => self.set_tab('search')}></input>
</div>
`;
let contents =

12
apps/cory/ssblit/tf-styles.js
View File

@ -17,4 +17,16 @@ img {
max-width: min(640px, 100%);
max-height: min(480px, auto);
}
.tab {
border: 0;
padding: 8px;
margin: 0px;
cursor: pointer;
}
.tab:disabled {
color: #088;
background-color: #fff;
}
`;