🇨🇱Chile @Andrés Chandía

Ok, I leave only two steps and as less code as possible, sorry if there are still unnecessary things...

Thanks!

By the way, enabling or disabling Ajax makes no difference...

Andrés Chandía → created an issue.

Andrés Chandía → created an issue.

Andrés Chandía → created an issue.

Andrés Chandía → created an issue.

Andrés Chandía → created an issue.

Andrés Chandía → created an issue.

Hi there, I just have discovered why, at least in my case, modules don't update with composer...

My Drupal installation is a manual one where modules are located directly inside modules/ directory, on composer updating, files of updating modules go to /modules/contrib/ directory.

Instead of uninstalling and reinstalling modules which would take me a while, I have created hard links instead. That solves my problem...
I hope this helps

Sorry I didn't answer before, I was busy doing some other jobs and some other stuffs for this site also, I was retaking the issue after that, but today I realized there was a Solo update, after updating, the issue about overlapping menus went away, so you save me a good deal of time.....

thanks, million thanks as always almuealim alkabir!!

Thanks Alaa..

There was a thin border anyway, so the only way I could find to make it disappear completely was combining the codes and using the same background-colour as the background-colour where the icons are:

.sm-icon:hover svg {
fill: #800080 !important;
background-color: #deddda !important; /* this is the colour I'm mentioning */
border-radius: 100%;
}

.sm-icons a { span {
  border: none !important;
}}

Choukran, thousand times!!!

I couldn't take the black border out when hovering but I got a nice effect adding a transparent fill

.sm-icon:hover svg {
fill: rgba(255,255,255,0.5) !important;
background-color: purple !important;
border-radius: 50%;
}

A little issue with menus, background is overlapping, how do I solve it, I've been looking around and the solution seems to be z-index, but some places discourage the use of it, I'm adding a video → for you to see what's going on...

Thanks

Quick question...
how do I change the background-color for icons when hovered?

Choukran again, with your new development for my theme, menu template did apply, I though I will have to uninstall devel/development modules but it was not necessary at the end....

My dear Saïd...

templates do not apply in my site, not directly to solo theme nor to the subtheme...

As I was facing this problem I completely uninstalled both the subtheme and solo them, and erased all of the files and directories and cleared cache, then I reinstalled solo theme, I have tried copying every menu template (and not template) to the menus I have available (menu--c.html.twig, menu--refer.html.twig and menu--labelling-system.html.twig), inside the templates directory of solo: eg.: cp menu--primary-sidebar-menu-template.html.twig menu--labelling-system.html.twig, but there were no changes whatsoever....

Then, after creating the navigation directory inside templates, I proceeded to install the subtheme and perform the exact same actions copying the theme menu twig files to the appropriate directory, cp templates/navigation/menu--primary-sidebar-menu-template.html.twig cat-tobi/templates/navigation/menu--labelling-system.html.twig

I have cleared cache every time, but there was no change at all in any of the atemps...

Thanks, I have finally solved this way:

 feedback_right_01:
    '#type': message
    '#states':
      visible-slide:
        ':input[name="options_audio_01"]':
          value: High
    '#message_message': 'Right answer'
    '#message_close': true
  feedback_wrong_01:
    '#type': message
    '#states':
      visible-slide:
        ':input[name="options_audio_01"]':
          value:
            pattern: ^(Low|Rising|Falling)$   ########  HERE'S THE PATTERN ######
    '#message_type': error
    '#message_message': 'Sorry, this is not the right answer!'
    '#message_close': true

Andrés Chandía → created an issue.

OK, understood, and thanks, I did what you suggested on overriding options for tables...
and it works as expected...
thanks again...

<style>
table .trh:hover {
  --r-bg: #f6f5f4;
  background-color: var(--r-bg);
}
table thead {
  --r-tx: #ffffff;
  --r-bg: #2196f3;
  color: var(--r-tx};
  background-color: var(--r-bg);
}
</style>
<table class="w3-table-all w3-hoverable w3-card-4">
    <thead>
        <tr>
            <th class="w3-center">
                Event
            </th>
        </tr>
    </thead>
    <tbody>
        <tr class="trh">
            <td>
                disfluencies
            </td>
        </tr>
    </tbody>
</table>

Thanks Alaa,
Based on your answer I assumed that I could change w3.css classes by style, but they neither apply on <tr></tr>, while style or w3.css do apply on <code><table> or <th>, <td>.

Finally, instead of disabling solo variables, I just applied classes to <td>...

Andrés Chandía → created an issue.

Andrés Chandía → created an issue.

Sorry Alaa,
already fixed, I don't know why in the reading mode was the basic page selected, diselecting it solved the problem...

Choukran Alaa,

You're amazing, and such a nice person...

I have a little inconvenient though.... content of nodes show narrow in the middle of front page... I have cleared cache, uninstalled and erased the sub-theme to re-install it... the see the images...

Another thing that I don't know if it's an issue, I had to go setting the theme section by section, I mean set a section save changes and then set another section, otherwise settings were lost....

Andrés Chandía → created an issue.

Superb!!!
Thanks as always great master!!

I just have to add a couple of details to make fit width of background colour in some menus

.page-wrapper div.ul-responsive-v ul.active > li.active > a {
  font-weight: bold;
  width: 100%; /* this one added */
}

li.li-expanded:nth-child(4) > a:nth-child(1), li.li-expanded:nth-child(5) > a:nth-child(1) { width: 100%; } /* this one added */

For the second line added, it was the only way I could make it work....

Thanks again

Choukran Alaa, it works but it also has a weird behaviour, I can not click on the next menu which is just under the selected menu, the others are clickable. I add a video ( EVM.mp4 → ) for you to see what I'm talking about...

By the way, I have added your function code in this file: "drupal8_w3css_subtheme/js/d8w3css-subtheme-script.js"

And the css code in the file I've created to control the menu: "templates/navigation/menu--labelling-system.html.twig"

tnx!

Andrés Chandía → created an issue.

Finally in the same page.html.twig I restored your credit line and added in the "copyright" section the code for the link... this way:

<!-- Start: Copyright -->
      <div class="w3-half w3-container w3-mobile">
        <p class="w3-section w3-left-align w3-opacity w3-hover-opacity-off">

        developed by &copy; <a href="https://www.chandia.net" title="chandia.net" target="_blank">chandia.net </a>

        {% set currentDate = "now" | date("Y") %}
        {{ copyright_text|replace({"%year%": currentDate }) }}
        </p>
      </div>
      <!-- End: Copyright -->

Andrés Chandía → created an issue.

Thanks a lot Alaa, I will go for the asset injector....
I wonder though how the migration from W3CSS theme to Solo will be

Thanks again!

Andrés Chandía → created an issue.

Thanks a lot Alaa, just another little question, what's the documentation to learn all these insights of css coding for your theme?

Andrés Chandía → created an issue.

Choukran again Alaa,
it took me a while to figure some stuffs out, but finally I could manage it...
just in case somebody else is as lost as I was, I detail here what I did to achieve the change in the form display.
I've adapted a bit the CSS code you provided me to get the format I show in the following image:

1. Search for the name of the twig managing the page where the view is displayed (In my case Alaa gave the hint): views-exposed-form--{view-name}--{display-name}.html.twig
   
   

   find -name "views-exposed-form*"
   cp ./themes/d8w3css/templates/views/views-exposed-form.html.twig ./themes/d8w3css/templates/views/views-exposed-form--consultar-todos-los-diccionarios--page-1.html.twig

   (I have adapted {view-name}--{display-name} accordingly)

2. Edit the new file replacing:
   

   <div class="w3-block form--inline clearfix">
     {{ form }}
   </div>
   

   for the css code, but, VERY IMPORTANT:
   put CSS code between tags <style> and </style>

3. Save and enjoy

Hi viren18febS, sorry but I'm seem not being able to accomplish this, due to my lack of experience of course...
I could find that the twig file managing the cell I need to modify is:
`views-view-field.html.twig`
SO

Andrés Chandía → created an issue.

Tnx!

Sorry, I'm learning about twig thing, to be able to carry out the solution given by viren18febS →
Thanks for asking...

Thanks a lot viren18febS → , and sorry for my ignorance...
but can you explain me in detail what you mean by

Please refer this code sample, As per the twig template, we need to apply the for loop first

Thanks a lot!!!!

Andrés Chandía → created an issue.

It works perfectly... thanks a lot, Chukran Alaa!!

Andrés Chandía → created an issue.

I had to update two other modules: captcha and taxonomy_manager...
All went well updating captcha with composer while with taxonomy_manager persists the problem I have reported.

I have upgraded to 3.0.9 and I got it working again.
I have discovered a typo though, that didn't prevent the page to load in the previous versions but in the new 3.0.9 one it does:

The typo is in the next section of issue: 3227188 →

Following code added:

Item.isTextSource = function() {
    return this.ext && this.ext.toLowerCase() === 'txt'; */ add formats as you need after 'txt'; add a coma and another extension, eg.: 'txt', 'csv' */
  };

where it says */ add it should say /* add, the asterisk on the other side of the bar.

Ok, thanks again...
PHP Version 8.2.8
I composer.json I've got, I think this is what you're requiring:

require": {
        "composer/installers": "^2.0",
        "drupal/aggregator": "^2.0",
        "drupal/captcha": "2.0.4",
        "drupal/clipboardjs": "^2.0",
        "drupal/composer_deploy": "^1.7",
        "drupal/core-composer-scaffold": "^10.1.1",
        "drupal/core-project-message": "^10.1.1",
        "drupal/core-recommended": "^10.1.1",
        "drupal/core-vendor-hardening": "^10.1.1",
        "drupal/csv_serialization": "^3.0",
        "drupal/protected_forms": "2.0.3",
        "drupal/visitors": "^2.16",
        "drupal/w3css_paragraphs": "^1.0"
},

and info.yml files of the affected modules says:
core_version_requirement: ">=8"
version: '2.0.2'
project: 'protected_forms'

core_version_requirement: ^8 || ^9 || ^10
version: '8.x-2.15'
project: 'visitors'

Thanks for your quick answer...
I restarted the web server, then just in case, the whole server... and nothing...
In the point "not allowing the Composer plug-ins to run": how, if I recently upgraded from 9 to 10 with composer and all went well?
And about the module's info.yum in expected location... well, all modules I've got are in "/drupalroot/modules/"

Sorry for my ignorance, could you please clarify a little more so I am able to follow you...
thanks again!

Andrés Chandía → created an issue.

Andrés Chandía → created an issue.

Tanks a lot Alaa,
all have worked, page title effect is working now in chandia.net

In corlexim, I have found that I have another file:
themes/d8w3css/block--drupal8_w3css_theme_branding.html.twig

And I have realized that the following file was preventing all the effects to be active: themes/d8w3css/page.html.twig", so I replace it by the new version of the same file and that make it work.

Thanks again for your awesome help!!

Thanks..
On: https://www.chandia.net/
The page title effect does not work

On https://www.chandia.net/corlexim/
Neither the Site name effect nor the page title effect work...
In this site the region's border are not working neither.

thanks again

I have found the solution here:
https://drupal.stackexchange.com/questions/299807/how-do-i-implement-clipboard-js
Thanks anyway

Andrés Chandía → created an issue.

With "HOW? I mean, can you be more explicit? kind of step by step... I would really appreciate it!!

Andrés Chandía → created an issue. See original summary → .

I could solve it, I had a bloc loading an image from an external site which was causing the issue.....

I have just a drupal subsite, not a subdomain, I mean
https://www.maindrupal.net
and
https://www.maindrupal.net/subdrupal

I have htpps activated but only the maindrupal is shown as secure, while the subsite does not...

How can I accomplish total security for both?
thanks!

Andrés Chandía → created an issue. See original summary → .

By the way, I get the following Notice:

Notice: Indirect modification of overloaded element of Drupal\Core\Template\Attribute has no effect in template_preprocess_views_view_table() (line 569 of /mydrupal9/core/modules/views/views.theme.inc)

#0 /mydrupal9/core/includes/bootstrap.inc(347): _drupal_error_handler_real()
#1 /mydrupal9/core/modules/views/views.theme.inc(569): _drupal_error_handler()
#2 [internal function]: template_preprocess_views_view_table()
#3 /mydrupal9/core/lib/Drupal/Core/Theme/ThemeManager.php(287): call_user_func_array()
#4 /mydrupal9/core/lib/Drupal/Core/Render/Renderer.php(433): Drupal\Core\Theme\ThemeManager->render()
#5 /mydrupal9/core/lib/Drupal/Core/Render/Renderer.php(446): Drupal\Core\Render\Renderer->doRender()
#6 /mydrupal9/core/lib/Drupal/Core/Render/Renderer.php(204): Drupal\Core\Render\Renderer->doRender()
#7 /mydrupal9/core/lib/Drupal/Core/Template/TwigExtension.php(479): Drupal\Core\Render\Renderer->render()
#8 /mydrupal9/sites/default/files/php/twig/64393ef05f2b8_views-view.html.twig_SAFlRkDPb3jSvbt1baCsqFXCc/7E237c70LxichTCXyFbPrcIaMbocJo9Y_ASUnvnjC20.php(110): Drupal\Core\Template\TwigExtension->escapeFilter()
#9 /mydrupal9/vendor/twig/twig/src/Template.php(405): __TwigTemplate_fb07185df5f60ba5f9f577048b802f5a->doDisplay()
#10 /mydrupal9/vendor/twig/twig/src/Template.php(378): Twig\Template->displayWithErrorHandling()
#11 /mydrupal9/vendor/twig/twig/src/Template.php(390): Twig\Template->display()
#12 /mydrupal9/core/themes/engines/twig/twig.engine(55): Twig\Template->render()
#13 /mydrupal9/core/lib/Drupal/Core/Theme/ThemeManager.php(384): twig_render_template()
#14 /mydrupal9/core/lib/Drupal/Core/Render/Renderer.php(433): Drupal\Core\Theme\ThemeManager->render()
#15 /mydrupal9/core/lib/Drupal/Core/Render/Renderer.php(446): Drupal\Core\Render\Renderer->doRender()
#16 /mydrupal9/core/lib/Drupal/Core/Render/Renderer.php(204): Drupal\Core\Render\Renderer->doRender()
#17 /mydrupal9/core/lib/Drupal/Core/Render/MainContent/HtmlRenderer.php(242): Drupal\Core\Render\Renderer->render()
#18 /mydrupal9/core/lib/Drupal/Core/Render/Renderer.php(580): Drupal\Core\Render\MainContent\HtmlRenderer->Drupal\Core\Render\MainContent\{closure}()
#19 /mydrupal9/core/lib/Drupal/Core/Render/MainContent/HtmlRenderer.php(235): Drupal\Core\Render\Renderer->executeInRenderContext()
#20 /mydrupal9/core/lib/Drupal/Core/Render/MainContent/HtmlRenderer.php(132): Drupal\Core\Render\MainContent\HtmlRenderer->prepare()
#21 /mydrupal9/core/lib/Drupal/Core/EventSubscriber/MainContentViewSubscriber.php(90): Drupal\Core\Render\MainContent\HtmlRenderer->renderResponse()
#22 [internal function]: Drupal\Core\EventSubscriber\MainContentViewSubscriber->onViewRenderArray()
#23 /mydrupal9/core/lib/Drupal/Component/EventDispatcher/ContainerAwareEventDispatcher.php(142): call_user_func()
#24 /mydrupal9/vendor/symfony/http-kernel/HttpKernel.php(174): Drupal\Component\EventDispatcher\ContainerAwareEventDispatcher->dispatch()
#25 /mydrupal9/vendor/symfony/http-kernel/HttpKernel.php(81): Symfony\Component\HttpKernel\HttpKernel->handleRaw()
#26 /mydrupal9/core/lib/Drupal/Core/StackMiddleware/Session.php(58): Symfony\Component\HttpKernel\HttpKernel->handle()
#27 /mydrupal9/core/lib/Drupal/Core/StackMiddleware/KernelPreHandle.php(48): Drupal\Core\StackMiddleware\Session->handle()
#28 /mydrupal9/core/modules/page_cache/src/StackMiddleware/PageCache.php(106): Drupal\Core\StackMiddleware\KernelPreHandle->handle()
#29 /mydrupal9/core/modules/page_cache/src/StackMiddleware/PageCache.php(85): Drupal\page_cache\StackMiddleware\PageCache->pass()
#30 /mydrupal9/core/lib/Drupal/Core/StackMiddleware/ReverseProxyMiddleware.php(48): Drupal\page_cache\StackMiddleware\PageCache->handle()
#31 /mydrupal9/core/lib/Drupal/Core/StackMiddleware/NegotiationMiddleware.php(51): Drupal\Core\StackMiddleware\ReverseProxyMiddleware->handle()
#32 /mydrupal9/vendor/stack/builder/src/Stack/StackedHttpKernel.php(23): Drupal\Core\StackMiddleware\NegotiationMiddleware->handle()
#33 /mydrupal9/core/lib/Drupal/Core/DrupalKernel.php(718): Stack\StackedHttpKernel->handle()
#34 /mydrupal9/index.php(19): Drupal\Core\DrupalKernel->handle()
#35 {main}

Andrés Chandía → created an issue.