Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Cannot apply css #5

Open
robex2005 opened this issue Oct 31, 2023 · 5 comments
Open

Cannot apply css #5

robex2005 opened this issue Oct 31, 2023 · 5 comments

Comments

@robex2005
Copy link

robex2005 commented Oct 31, 2023 •
edited
Loading

Hello,

Please help me apply/reference stylesheet in index.html
Tried referencing the css as below, but the dark theme does not apply

<!doctype html><meta charset=utf-8><meta name=robots content=noindex,nofollow><meta name=theme-color content=rgb(49,123,249)><meta content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" name=viewport><script><link rel=stylesheet href="{{ prefix }}/dist/dark.css"></script><link rel=icon href="{{ prefix }}/favicon.ico"><link rel=stylesheet href="{{ prefix }}/dist/cloudcmd.css"><noscript><link rel=stylesheet href="{{ prefix }}/dist/nojs.css"></noscript><style data-name=columns>{{ columns }}</style><div class=fm>{{ fm }}</div><div id=js-keyspanel class=keyspanel><button id=f1 class="cmd-button reduce-text icon-help" title=Help>F1</button> <button id=f2 class="cmd-button reduce-text icon-user-menu" title="User Menu">F2</button> <button id=f3 class="cmd-button reduce-text icon-view" title=View>F3</button> <button id=f4 class="cmd-button reduce-text icon-edit" title=Edit>F4</button> <button id=f5 class="cmd-button reduce-text icon-copy" title=Copy>F5</button> <button id=f6 class="cmd-button reduce-text icon-move" title=Move>F6</button> <button id=f7 class="cmd-button reduce-text icon-directory" title="New Directory">F7</button> <button id=f8 class="cmd-button reduce-text icon-delete" title=Delete>F8</button> <button id=f9 class="cmd-button reduce-text icon-menu" title=Menu>F9</button> <button id=f10 class="cmd-button reduce-text icon-config" title=Config>F10</button> <button id=~ class="cmd-button reduce-text icon-console" title=Console>~</button> <button id=shift~ class="cmd-button reduce-text icon-terminal" title=Terminal>⇧ ~</button> <button id=contact class="cmd-button reduce-text icon-contact" title=Contact></button></div><script src="{{ prefix }}/dist/cloudcmd.common.js"></script><script src="{{ prefix }}/dist/cloudcmd.js"></script><script>CloudCmd({{ config }});</script>

Thanks,
@coderaiser
Copy link
Member

Do you have dark.css located in dist directory?

@robex2005
Copy link
Author

robex2005 commented Oct 31, 2023 •
edited by coderaiser
Loading

Yes

root@HomeLab:/usr/lib/node_modules/cloudcmd/dist# ls -l
total 1256
-rw-r--r-- 1 root root  10757 Oct 30 16:27 cloudcmd.common.css
-rw-r--r-- 1 root root 146213 Oct 30 16:27 cloudcmd.common.js
-rw-r--r-- 1 root root 567046 Oct 30 16:27 cloudcmd.common.js.map
-rw-r--r-- 1 root root 376168 Oct 30 16:27 cloudcmd.css
-rw-r--r-- 1 root root  21519 Oct 30 16:27 cloudcmd.js
-rw-r--r-- 1 root root  90098 Oct 30 16:27 cloudcmd.js.map
drwxr-xr-x 2 root root   4096 Oct 30 16:27 columns
-rw-r--r-- 1 root root   1420 Oct 30 16:27 config.css
-rw-r--r-- 1 root root   3717 Oct 30 16:59 dark.css
-rw-r--r-- 1 root root   1826 Oct 31 14:16 index.html
drwxr-xr-x 2 root root   4096 Oct 30 16:27 modules
-rw-r--r-- 1 root root    152 Oct 30 16:27 nojs.css
-rw-r--r-- 1 root root   4561 Oct 30 16:27 sw.js
-rw-r--r-- 1 root root  19191 Oct 30 16:27 sw.js.map
-rw-r--r-- 1 root root     22 Oct 30 16:27 terminal.css
-rw-r--r-- 1 root root    347 Oct 30 16:27 user-menu.css
-rw-r--r-- 1 root root    242 Oct 30 16:27 view.css

@coderaiser
Copy link
Member

coderaiser commented Oct 31, 2023 •
edited
Loading

It should be added as latest css file in html head, since it overrides default styles.

@robex2005
Copy link
Author

Can you point the location in the index.html where i need to insert the code (and please specify the code, also)

Thanks,

@coderaiser
Copy link
Member

In head section of index.html

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@coderaiser @robex2005