obsidian-plugin/cdloh_obsidian-cron
1
0
Fork 0
mirror of https://github.com/cdloh/obsidian-cron.git synced 2026-07-22 07:40:30 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Style settings to work better on mobile

Browse source
This commit is contained in:
Callum Loh 2023-03-25 00:23:58 +00:00
parent 01256df85d
commit 6a5865329f
2 changed files with 14 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
src/settings.ts
View file

@ -71,6 +71,7 @@ export default class CronSettingTab extends PluginSettingTab {
await this.plugin.saveSettings(); await this.plugin.saveSettings();
this.plugin.loadCrons(); this.plugin.loadCrons();
}) })
.inputEl.addClass('cron-plugin-text-input')
) )
.addSearch((cb) => { .addSearch((cb) => {
new CommandSuggest(cb.inputEl); new CommandSuggest(cb.inputEl);
@ -83,6 +84,7 @@ export default class CronSettingTab extends PluginSettingTab {
await this.plugin.saveSettings(); await this.plugin.saveSettings();
this.plugin.loadCrons(); this.plugin.loadCrons();
}) })
.inputEl.addClass('cron-plugin-text-input')
}) })
.addText(text => text .addText(text => text
.setPlaceholder("CronJob frequency") .setPlaceholder("CronJob frequency")
@ -92,6 +94,7 @@ export default class CronSettingTab extends PluginSettingTab {
await this.plugin.saveSettings(); await this.plugin.saveSettings();
this.plugin.loadCrons(); this.plugin.loadCrons();
}) })
.inputEl.addClass('cron-plugin-text-input')
) )
.addExtraButton((button) => { .addExtraButton((button) => {
button.setIcon(cronjob.settings.enableMobile ? "lucide-phone" : "lucide-phone-off") button.setIcon(cronjob.settings.enableMobile ? "lucide-phone" : "lucide-phone-off")
@ -137,6 +140,8 @@ export default class CronSettingTab extends PluginSettingTab {
this.display(); this.display();
}); });
}); });
jobSetting.controlEl.addClass("cron-plugin-job")
}); });
new Setting(this.containerEl).addButton((cb) => { new Setting(this.containerEl).addButton((cb) => {

9
styles.css
View file

@ -6,3 +6,12 @@ available in the app when your plugin is enabled.
If your plugin does not need CSS, delete this file. If your plugin does not need CSS, delete this file.
*/ */
.cron-plugin-text-input {
width: 10vw;
min-width: 180px;
}
.cron-plugin-job {
flex-wrap: wrap;
}