dbnschools / moodle-theme_fordson

Theme for Moodle 3.3+
42 stars 40 forks source link

Text fields can't be expanded horizontally #82

Closed acquaalta closed 5 years ago

acquaalta commented 5 years ago

Hi, For some reason, when using the Fordson theme, I can't expand text fields to the sides (horizontally), only vertically.

Please see attached two animated GIFs - One shows the expected behavior in other themes (Adaptable, for example), and the other one shows the unexpected behavior in Fordson.

Thanks :-)

Adaptable-Expanding-text-fields Fordson-Expanding-text-fields

hasqld commented 5 years ago

I'm just another Fordson user but I think this will be because the default style/css for Fordson has a setting of:

.editor_atto_content { resize: vertical; }

So, assuming you are in fact using the default Atto editor, this is only allowing the text-area to be resized vertically.

If you add your own custom css settings you should be able to change it to the following and override that setting:

.editor_atto_content { resize: both; }

I tested adding this under Site Administration -> Appearance -> Themes -> Fordson -> Colours (in the Raw SCSS section) and it did the trick.

acquaalta commented 4 years ago

I'm just another Fordson user but I think this will be because the default style/css for Fordson has a setting of:

.editor_atto_content { resize: vertical; }

So, assuming you are in fact using the default Atto editor, this is only allowing the text-area to be resized vertically.

If you add your own custom css settings you should be able to change it to the following and override that setting:

.editor_atto_content { resize: both; }

I tested adding this under Site Administration -> Appearance -> Themes -> Fordson -> Colours (in the Raw SCSS section) and it did the trick.

Thanks a lot :-)

acquaalta commented 4 years ago

For the record, the field in the example wasn't an Atto field, so I used the following code:

textarea .form-control { resize: both; }