Spiegel von
https://github.com/paviliondev/discourse-custom-wizard.git
synchronisiert 2024-11-25 18:50:27 +01:00
Add mobile styles
Dieser Commit ist enthalten in:
Ursprung
0d4ecc3c90
Commit
e78291ebd0
3 geänderte Dateien mit 49 neuen und 1 gelöschten Zeilen
41
assets/stylesheets/wizard/wizard_custom_mobile.scss
Normale Datei
41
assets/stylesheets/wizard/wizard_custom_mobile.scss
Normale Datei
|
@ -0,0 +1,41 @@
|
||||||
|
.custom-wizard {
|
||||||
|
.wizard-step-form {
|
||||||
|
.wizard-btn {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.wizard-step-description {
|
||||||
|
.image-container {
|
||||||
|
margin: 20px 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
img.large {
|
||||||
|
width: 150px;
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
img.small {
|
||||||
|
width: 60px;
|
||||||
|
height: 60px;
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tip {
|
||||||
|
position: relative;
|
||||||
|
display: inline-block;
|
||||||
|
margin: 20px 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.control-group {
|
||||||
|
margin-right: 0;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
input, textarea {
|
||||||
|
border: 1px solid #919191;
|
||||||
|
}
|
||||||
|
}
|
|
@ -12,7 +12,13 @@ config.assets.paths << Rails.root.join('plugins', 'discourse-custom-wizard', 'as
|
||||||
config.assets.paths << Rails.root.join('plugins', 'discourse-custom-wizard', 'assets', 'stylesheets', 'wizard')
|
config.assets.paths << Rails.root.join('plugins', 'discourse-custom-wizard', 'assets', 'stylesheets', 'wizard')
|
||||||
|
|
||||||
if Rails.env.production?
|
if Rails.env.production?
|
||||||
config.assets.precompile += %w{ wizard-custom-lib.js wizard-custom.js wizard-plugin.js stylesheets/wizard/wizard_custom.scss }
|
config.assets.precompile += %w{
|
||||||
|
wizard-custom-lib.js
|
||||||
|
wizard-custom.js
|
||||||
|
wizard-plugin.js
|
||||||
|
stylesheets/wizard/wizard_custom.scss
|
||||||
|
stylesheets/wizard/wizard_custom_mobile.scss
|
||||||
|
}
|
||||||
end
|
end
|
||||||
|
|
||||||
after_initialize do
|
after_initialize do
|
||||||
|
|
|
@ -2,6 +2,7 @@
|
||||||
<head>
|
<head>
|
||||||
<%= discourse_stylesheet_link_tag :wizard, theme_key: nil %>
|
<%= discourse_stylesheet_link_tag :wizard, theme_key: nil %>
|
||||||
<%= stylesheet_link_tag "wizard_custom", media: "all", "data-turbolinks-track" => "reload" %>
|
<%= stylesheet_link_tag "wizard_custom", media: "all", "data-turbolinks-track" => "reload" %>
|
||||||
|
<%= stylesheet_link_tag "wizard_custom_mobile", media: "all", "data-turbolinks-track" => "reload" if mobile_view?%>
|
||||||
<%= preload_script "ember_jquery" %>
|
<%= preload_script "ember_jquery" %>
|
||||||
<%= preload_script "wizard-vendor" %>
|
<%= preload_script "wizard-vendor" %>
|
||||||
<%= preload_script "wizard-application" %>
|
<%= preload_script "wizard-application" %>
|
||||||
|
|
Laden …
In neuem Issue referenzieren